load和ready

<一>ready和load
ready先执行，load后执行
DOM文档加载的步骤：
(1) 解析HTML结构。
(2) 加载外部脚本和样式表文件。
(3) 解析并执行脚本代码。
(4) 构造HTML DOM模型。//ready
(5) 加载图片等外部文件。
(6) 页面加载完毕。//load

ready事件：ready事件在DOM结构绘制完成之后就绘执行。这样能确保就算有大量的媒体文件没加载出来

，JS代码一样可以执行

load事件必须等到网页中所有内容全部加载完毕之后才被执行。如果一个网页中有大量的图片的话，则就

会出现这种情况：网页文档已经呈现出来，但由于网页数据还没有完全加载完毕，导致load事件不能够即

时被触发

2.window.onload与$(document).ready(fn);的区别
1）
window.onload需要等待页面完全加载完毕才会触发，即所有Dom元素创建完毕、图片、Css等都加载完毕

后才被触发。
$(document).ready()只要Dom元素加载完毕即触发。这样可以提高响应速度。
2）
$(document).ready();可以多次注册事件处理程序，并且最终都会执行，
而window.onload每次注册新的事件处理程序时都会将前面的覆盖掉。