HTML DOM加载过程及其处理
- 解析HTML结构
- 加载外部脚本和样式表文件
- 解析并执行脚本代码
- 构造HTML DOM模型
- 加载图片等外部文件
- 页面加载完毕
一般可执行脚本都放在页面初始化事件处理函数中,这样能保证文档完全加载完毕后才执行脚本,即第六步时才执行脚本:
window.onload = function(){
......
}
但是如果包含很多外部文件,如大量图片、视频、音频、动画等,可能会延迟脚本执行时间。这时候可以吧需要执行的部分放在HTML文档结构中间,这样只要在DOM构造后,执行到脚本所在的结构位置,就会执行脚本。
write()和writeln()使用注意事项:
我们只能在当前文档正在解析时使用write方法向其输出HTML代码,即只能在script元素中调用write方法,因为这些脚本的执行是文档解析过程的一部分。如果从事件处理函数中调用write方法,那么write方法动态输出的结果将会覆盖当前文档,而不是将文本添加到其中。所以在使用时一定要小心,不可以在事件处理函数中包含write和writeln方法。