浏览器的渲染和操作顺序

浏览器的渲染和操作顺序大致如下：
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){加载完毕了}