浏览器的渲染和操作顺序

阅读更多

浏览器的渲染和操作顺序大致如下： 
1 HTML解析完毕。 
2 外部脚本和样式表加载完毕。 
3 脚本在文档内解析并执行。 
4 HTML DOM 完全构造起来。 
5 图片等外部内容加载。 
6 网页完成加载。 
在网页头部并且从外部文件加载的脚本会在HTML真正构造之前执行，所以，在这两处脚本不能访问并不存在的DOM。 
补救方法： 
1 完全等待事个页面加载完毕后再执行DOM操作，我们可以window.load上绑定函数。 
2 在需要操作的DOM后面执行访问这个DOM的脚本，这个方法不推荐使用。 
3 判断DOM何时加载完毕，if (document && document.getElementsByTagName && document.getElementById && document.body){alert("加载完毕")}