JavaScript 是一种广泛使用的编程语言，主要用于网页开发。它使得网页具有交互性，能够响应用户的操作。以下是一些关于 JavaScript 的基础教程。

基础语法

  • 变量声明：使用 var, let, const 声明变量。
  • 数据类型：数字、字符串、布尔值、对象、数组等。
  • 运算符：算术运算符、比较运算符、逻辑运算符等。

事件处理

JavaScript 可以通过事件来响应用户的操作，如点击、鼠标移动等。

  • 事件监听器：使用 addEventListener 方法添加事件监听器。
  • 事件对象：事件对象包含了事件的详细信息。

DOM 操作

DOM（文档对象模型）是 JavaScript 操作网页内容的基石。

  • 选择元素：使用 getElementById, getElementsByClassName, getElementsByTagName 等方法选择元素。
  • 修改元素：修改元素的文本、属性、样式等。

实例：点击按钮改变颜色

// 获取按钮元素
var button = document.getElementById("myButton");

// 添加点击事件监听器
button.addEventListener("click", function() {
  // 获取元素
  var element = document.getElementById("myElement");

  // 切换颜色
  if (element.style.color === "red") {
    element.style.color = "blue";
  } else {
    element.style.color = "red";
  }
});

扩展阅读

JavaScript 图标