chaihongjun.me

DomContentLoaded和Load事件的区别

两个事件的触发事件不一样,一个在前,一个在后。从字面的意思来看:DomContentLoaded表示的是DOM结构的loaded完成,而load则是整个文档页的加载完成。整个文档页除了DOM树,还有外部脚本和CSS文件的加载执行。

整个页面文档的加载顺序如下:

  1. 浏览器解析HTML文档结构

  2. 加载外部脚本和样式表文件(head内)

  3. 解析执行脚本文件(head内)

  4. DOM结构加载完毕(DomContentLoaded)

  5. 加载图片等外部文件(body内)

  6. 整个页面加载完毕(Load)

可以从这个顺序看出来俩个事件触发的先后情况

知识共享许可协议本作品采用知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议进行许可。作者:chaihongjun»