html DOM加载顺序
浏览数：25 /
时间：2015年06月09日
前几天遇到一个问题：load和ready 哪个先执行？
针对这个问题我自己研究学习了一下DOM文档的加载步骤：
1.首先浏览器会解析静态的html结构 比如 head body footer等html标签
2.当html结构加载完成我们需要渲染页面使其美观，因此此时需要加载 各种样式表文件。
3.然后再解析并执行js或者其他脚本代码。
4.构造html DOM对象，也就是 ready 操作
5.加载html和css中引用的外部资源文件。
6.页面加载完成(load操作)，js进行一些事件的绑定和处理。
通过这个执行顺序我们知道 ready与load的区别在于资源文件的加载。ready构建了基本的DOM结构，而load是构建了js事件的绑定以及操作。所以页面在加载时需要先加载CSS样式表后加载解析并执行js等脚本，所以我们对页面进行优化是，css文件越早加载越好。js资源当道dom的底部最晚加载越好。
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
