
<一>ready和load
ready先执行,load后执行
DOM文档加载的步骤:
() 解析HTML结构。
() 加载外部脚本和样式表文件。
() 解析并执行脚本代码。
() 构造HTML DOM模型。//ready
() 加载图片等外部文件。
() 页面加载完毕。//load ready事件:ready事件在DOM结构绘制完成之后就绘执行。这样能确保就算有大量的媒体文件没加载出来 ,JS代码一样可以执行 load事件必须等到网页中所有内容全部加载完毕之后才被执行。如果一个网页中有大量的图片的话,则就 会出现这种情况:网页文档已经呈现出来,但由于网页数据还没有完全加载完毕,导致load事件不能够即 时被触发 .window.onload与$(document).ready(fn);的区别
)
window.onload需要等待页面完全加载完毕才会触发,即所有Dom元素创建完毕、图片、Css等都加载完毕 后才被触发。
$(document).ready()只要Dom元素加载完毕即触发。这样可以提高响应速度。
)
$(document).ready();可以多次注册事件处理程序,并且最终都会执行,
而window.onload每次注册新的事件处理程序时都会将前面的覆盖掉。