要想理解为什么ready先执行,load后执行就要先了解下DOM文档加载的步骤:
(1)解析html结构
(2)加载外部脚本和样式表问价
(3)解析并执行脚本代码
(4)构造HTML DOM模型//ready
(5)加载图片等外文件
(6)页面加载完毕//load
结论:
ready与load的区别就在于资源文件的加载,ready构建了基本的DOM结构,所以对于代码来说应该越快加载越好。在一个高速浏览的时代,没人愿意等待答案。假如一个网站页面加载超过4秒,不好意思,你1/4的用户将面临着流失,所以对于框架来说用户体验是至关重要的,我们应该越早处理DOM越好,我们不需要等到图片资源都加载后才去处理框架的加载,图片资源过多load事件就会迟迟不会触发。