JavaScript 是一种广泛使用的编程语言，常用于网页开发，使网页具有交互性，下面是一份 JavaScript 入门的教程，帮助你掌握 JavaScript 的基本概念和使用方法。
一、JavaScript 简介
JavaScript 是一种解释型语言，它可以在浏览器中运行，并且可以与 HTML 和 CSS 配合使用，使网页具有动态效果和交互性，JavaScript 可以用于创建各种类型的前端应用，例如动态表单、动画效果、在线游戏等。
二、JavaScript 语法
JavaScript 的语法与其他 C-style 语言类似，包括变量、数据类型、运算符、控制结构等，下面是一些基本的 JavaScript 语法：
1. 变量：在 JavaScript 中，可以使用 var、let 和 const 关键字来声明变量，var x = 10; let y = 20; const z = 30;
2. 数据类型：JavaScript 中有几种数据类型，包括 number、string、boolean、object、null 和 undefined，var num = 10; var str = "hello"; var bool = true;
3. 运算符：JavaScript 支持各种运算符，例如算术运算符（+、-、*、/）、比较运算符（==、!=、>、 num2;
4. 控制结构：JavaScript 支持各种控制结构，例如 if-else、switch-case 和 for 循环，if (num > 10) { console.log("num is greater than 10"); } else { console.log("num is less than or equal to 10"); }
三、JavaScript 函数
函数是 JavaScript 中重要的概念之一，它可以将一段可重复使用的代码封装成一个可重用的模块，下面是一个简单的 JavaScript 函数的示例：
function add(a, b) {
return a + b;
}这个函数接受两个参数 a 和 b，并返回它们的和，可以在程序的其他地方多次调用这个函数，var sum = add(2, 3); console.log(sum); // 输出 5。
四、JavaScript DOM 操作
JavaScript 可以用来操作 DOM（文档对象模型），从而改变网页的内容和样式，下面是一些基本的 JavaScript DOM 操作的示例：
1. 获取元素：可以使用 document.getElementById、document.getElementsByClassName 和 document.getElementsByTagName 等方法获取元素，var elem = document.getElementById("myId"); var elems = document.getElementsByClassName("myClass"); var elems = document.getElementsByTagName("p");
2. 改变元素内容：可以使用 innerHTML 和 innerText 方法改变元素的内容，elem.innerHTML = "Hello World!"; elem.innerText = "Hello World!";
3. 改变元素样式：可以使用 style 属性改变元素的样式，elem.style.color = "red"; elem.style.fontSize = "20px";
4. 添加和删除元素：可以使用 appendChild 和 removeChild 方法添加和删除元素，var newElem = document.createElement("p"); newElem.innerHTML = "Hello World!"; elem.appendChild(newElem); elem.removeChild(newElem);
五、JavaScript 事件处理程序
事件处理程序是指当特定事件发生时执行的代码，下面是一个简单的 JavaScript 事件处理程序的示例：
var button = document.getElementById("myButton");
button.addEventListener("click", function() { console.log("Button clicked!"); });这个示例中，当 id 为 myButton 的元素被点击时，会在控制台输出 "Button clicked!"，可以添加多个事件处理程序来处理多个事件，例如 mouseover、mouseout、keydown 等，button.addEventListener("mouseover", function() { console.log("Mouse over event triggered!"); }); button.addEventListener("mouseout", function() { console.log("Mouse out event triggered!"); });
