DOM加载:浏览器点染和操作顺序(转载 学习中。)

DOM加载:浏览器渲染和操作顺序(转载 学习中。。。)

DOM加载:浏览器渲染和操作顺序

 

1.HTML解析完毕

2.外部脚本和样式表加载完毕

3.脚本在文档内解析并执行

4.HTML DOM完全构造起来

5.图片和外部内容加载

6.网页完成加载

 

基于这个顺序,我们会发现如果在DOM完全加载之前使用DOM可能会发生错误(这个可能是很多初学者曾遇到的问题),而如果用onload加载函数又必须等待图片、视频等元素的加载,造成无法运行JavaScript。