第 8 周：什么是DOM？

重点：事件驱动这一编程模型的转变——程序不再是一条主线的命令式流程，而是"注册回调、等待发生"；DOM 是脚本与文档之间的那座桥。 边界：语言本身（语法、作用域、闭包）归第 7 周与第 13 周；定时器/异步回调的机制细节归第 9 周，本周只建立"事件来了再执行"的心智模型。

概念：DOM——脚本与文档的桥

1. 文档对象模型 — DOM 是什么：文档的对象化表示，脚本操作页面的唯一入口
2. Document Ready — 时机问题：脚本执行时文档是否就绪
3. jquery-dom — 用 jquery 复习 DOM 操作：选择、遍历、增删改

容器层级（文档/页面/窗口/框架）的概念辨析见第 2 周·文档、页面、窗口与框架。

概念：事件驱动

第 7 周的 onsubmit 是预演，本周正式建立事件模型：

1. 事件驱动机制 — 运行时与设计时的区别：注册回调、等待发生
2. DOM事件 — 事件的种类与绑定方式
3. 事件传播 — 捕获与冒泡：事件在树上如何流动
4. 动态元素与事件处理 — 给运行时新增的元素绑事件：委托的思想

测验

测验

作业

• 个人项目接入事件：为站点添加交互效果（折叠、切换、提示等）