操作DOM文档

来源:互联网 发布:证件p图软件 编辑:程序博客网 时间:2024/05/16 02:37

HTML DOM加载过程及其处理

  1. 解析HTML结构
  2. 加载外部脚本和样式表文件
  3. 解析并执行脚本代码
  4. 构造HTML DOM模型
  5. 加载图片等外部文件
  6. 页面加载完毕

一般可执行脚本都放在页面初始化事件处理函数中,这样能保证文档完全加载完毕后才执行脚本,即第六步时才执行脚本:

window.onload = function(){

      ......

 }

但是如果包含很多外部文件,如大量图片、视频、音频、动画等,可能会延迟脚本执行时间。这时候可以吧需要执行的部分放在HTML文档结构中间,这样只要在DOM构造后,执行到脚本所在的结构位置,就会执行脚本。

 

write()和writeln()使用注意事项:

我们只能在当前文档正在解析时使用write方法向其输出HTML代码,即只能在script元素中调用write方法,因为这些脚本的执行是文档解析过程的一部分。如果从事件处理函数中调用write方法,那么write方法动态输出的结果将会覆盖当前文档,而不是将文本添加到其中。所以在使用时一定要小心,不可以在事件处理函数中包含write和writeln方法。

原创粉丝点击