JavaScript（简称JS）是网页的“行为层”，它让静态的HTML和CSS变得可交互。想象一下：点击按钮弹出提示、鼠标划过图片切换、表单输入实时校验……这些都离不开JS。
1. 在哪里写JS？
有三种方式：
- 行内：直接在HTML标签内，如
<button onclick="alert('你好')">点我</button>，不推荐。 - 内部：在HTML的
<script>标签中，放在</body>前较好，避免阻塞页面渲染。 - 外部：最常用，将代码写在
.js文件中，通过<script src="script.js"></script>引入。
2. 基础语法
变量
用let或const声明（旧式var已少用）：
javascript
let name = "小明"; // 可重新赋值
const age = 18; // 不可重新赋值
数据类型
常见的有：数字、字符串、布尔值、数组、对象等。
javascript
let scores = [90, 85, 100]; // 数组
let person = { name: "小红", age: 20 }; // 对象
函数
用function定义可复用的代码块：
javascript
function greet(user) {
return "你好，" + user;
}
console.log(greet("小花")); // 控制台输出
条件与循环
javascript
if (age >= 18) {
console.log("已成年");
} else {
console.log("未成年");
}
for (let i = 0; i < 3; i++) {
console.log(i);
}
3. 操作网页（DOM）
JS可以动态修改HTML内容：
javascript
// 获取元素
let btn = document.getElementById("myBtn");
let title = document.querySelector("h1");
// 绑定点击事件
btn.addEventListener("click", function() {
title.innerText = "你点击了按钮！";
title.style.color = "red";
});
4. 动手写第一个交互
创建一个HTML文件，包含一个按钮和一个段落：
html
<button id="magicBtn">点我试试</button>
<p id="demo">我会变化</p>
<script>
let btn = document.getElementById("magicBtn");
let demo = document.getElementById("demo");
btn.onclick = function() {
demo.innerHTML = "哇，JavaScript好神奇！";
demo.style.fontSize = "20px";
};
</script>
5. 下一步学什么？
掌握基础后，可以深入学习：
- 数组与对象的高级方法（map、filter等）
- 异步编程（Promise、async/await）
- 现代框架（Vue、React）
JavaScript是前端核心，也是全栈开发的基石。打开浏览器的开发者工具（F12），在“控制台”里输入代码，立刻就能看到效果——边学边试，进步最快！
开始你的JS之旅吧，网页的世界因你而不同。
