JavaScript是让网页“活”起来的脚本语言，以变量、函数、对象为基本积木，通过事件驱动机制响应用户交互，并借助DOM操作网页内容与样式。
JavaScript 是一种运行在浏览器里的编程语言，它让网页“活”起来——能响应点击、验证表单、动态更新内容、与服务器交换数据，甚至构建完整应用。对初学者来说，不必从语法细节起步，先抓住几个核心概念，就能快速建立直觉。
它是“让网页动起来”的脚本语言
HTML 是网页的骨架，CSS 是皮肤和打扮，而 JavaScript 就是肌肉和神经：控制行为、处理交互、改变页面状态。比如点击按钮弹出提示、输入邮箱时实时检查格式、滚动时加载新内容——这些都不是 HTML 或 CSS 能单独完成的，靠的就是 JavaScript。
关键点：
变量、函数和对象：它的三个基本“积木”
就像搭积木，JavaScript 主要用三样东西组织逻辑：
立即学习“Java免费学习笔记（深入）”；
- 变量：用来存数据，比如 let name = "小明"; ——相当于贴了标签的盒子，随时可取可用
- 函数：一段可重复执行的动作，比如 function sayHello() { alert("你好！"); } ——定义一次，想用就调用（sayHello()）
- 对象：把相关变量和函数打包在一起，比如一个“用户”对象可以有 name、age 和 login() 方法——这是组织复杂逻辑最自然的方式
事件驱动：它不是按顺序“走完”，而是“等事情发生”
JavaScript 不像传统程序从头到尾执行一遍就结束。它大部分时间在“等待”：等用户点击、键盘输入、页面加载完成、网络返回数据……这些叫“事件”。你写好响应逻辑（叫“事件监听器”），浏览器会在对应时刻自动调用它。
例如：
- document.getElementById("btn").onclick = function() { ... }; ——用户点按钮时才运行里面代码
- window.addEventListener("load", function() { ... }); ——页面完全加载好后才执行
理解“谁触发、谁响应、何时响应”，比记住语法更能帮你写出真正有用的代码。
DOM 是它操作网页的“手”
JavaScript 不能直接改 HTML 文件，但它能通过 DOM（Document Object Model）把整个网页变成一个可编程的对象树。你可以查找元素、修改文字、增删节点、改样式——就像用遥控器控制电视一样。
常见操作：
- document.getElementById("title") ——找到 id 是 title 的元素
- element.textContent = "新标题" ——改文字内容
- element.style.color = "red" ——改颜色
- element.classList.add("active") ——加 CSS 类
DOM 是 JavaScript 和网页之间最关键的桥梁，练熟几个常用方法，就能立刻看到效果。
