Page 22 - JavaScript修炼之道

Part 2 第二部分

DOM、事件及定时器

通过对第一部分的学习，我们对 JavaScript 已有了一定的认识，接下来，让我们开始探索
JavaScript 和 Web 页面之间的纽带 ：DOM 操纵。
DOM 操纵一般分为以下几类。
①
 获得 DOM 元素 的引用，以便进行操作。这部分内容将在任务 4 中阐述。
 改变 DOM 元素的外观，可以是直接修改，也可以是使用动画（大多会通过显示、隐藏
或移动元素来修改样式）。任务 5 将会讲述这部分内容。
 修改 DOM 元素的内容。任务 6 讲述了这方面的内容。
由于上面的操作都是在页面初始化时、响应特定的事件或在一段时间发生后得以执行，因
此我们还需要讨论以下内容。
 任务 7 阐述了页面初始化的概念。具体地说，我们利用这些概念来检测 DOM 是否载入
完成，以便对其进行操作。
 任务 8 提供了事件监听的基本概念，任务 9 提供了高效监听事件的方案，而任务 10 则进
一步阐述了如何发挥事件的威力。
 任务 11 展示了如何使用定时器（给出了一个通过定时器模拟后台处理的例子）。
由于上面的操作都是 Web 应用中所不可或缺的，所以我在这里提供了这些操作在所有主流
②
JavaScript 框架 下的代码。同样的操作在不同框架下的实现可能略有差异，但是它们在功能上
③
是等价的。对比剖析 在几个世纪前是很流行的学习方法，现在它也不失为一种研究问题的途径，
能够使你获得更宽广的视野。

① 本书统一将 element 译为元素，将 node 译为节点。*
② 也就是本书作者所选择的框架，包括 Prototype、jQuery、MooTools、YUI、Dojo 和 ExtJS。*
③ 原文为 compared anatomy，这是一种生物学的研究方法，请访问 http://en.wikipedia.org/wiki/ Comparative_anatomy
以获得更多细节。*