js重修课[六]：客户端JavaScript一些琐事

300多页了……看得有些初显疲态。

JavaScript程序的执行有两个阶段。

• 第一阶段：载入文档内容，执行<sciprt>中的代码
• 第二阶段：文档载入完成并且所有脚本执行完成后，进入事件驱动阶段，浏览器调用事件处理程序响应事件

详细时间线如下：

1. 浏览器创建Document对象，开始解析页面，并将解析后的元素添加到Document。该阶段document.readyState属性为“loading”
2. 解析器遇到同步脚本元素后，暂停解析，并执行脚本；遇到异步脚本时会在下载脚本的同时继续解析文档。异步脚本禁用document.write()之类阻塞方法
3. 当文档完成解析，document.readyState属性变为“interactive”
4. 所有defer属性脚本按照文档里出现的顺序执行
5. 浏览器在Document对象上触发DOMContentLoaded事件。标志着程序执行从同步脚本执行阶段转换到了异步事件驱动阶段。该阶段可能还有异步脚本没有执行完成
6. 此时文档已经完全解析完成，但是浏览器可能还在等待其他载入，比如图片。当所有内容以及异步脚本完全加载之后，document.readyState属性改为“complete”，浏览器触发Window对象上的load事件
7. 从此刻起调用异步事件