DOM文档加载的步骤

要想理解为什么ready先执行，load后执行就要先了解下DOM文档加载的步骤：

（1）解析html结构

（2）加载外部脚本和样式表问价

（3）解析并执行脚本代码

（4）构造HTML DOM模型//ready

（5）加载图片等外文件

（6）页面加载完毕//load

结论：

ready与load的区别就在于资源文件的加载，ready构建了基本的DOM结构，所以对于代码来说应该越快加载越好。在一个高速浏览的时代，没人愿意等待答案。假如一个网站页面加载超过4秒，不好意思，你1/4的用户将面临着流失，所以对于框架来说用户体验是至关重要的，我们应该越早处理DOM越好，我们不需要等到图片资源都加载后才去处理框架的加载，图片资源过多load事件就会迟迟不会触发。