您现在的位置:首页 >> 前端 >> 内容

window.onload与$(document).ready()的对比讲解

时间:2017/11/20 14:33:29 点击:

  核心提示:jQuery中的$(document).ready()$(document).ready(function(){})也可以简写为$(function(){})$(document).ready()必须...

jQuery中的$(document).ready()

$(document).ready(function(){

})
也可以简写为

$(function(){

})

$(document).ready()必须等到页面中的DOM结构绘制完毕后被执行,可能DOM元素关联的东西并没有加载完。可以在同一个页面中使用多次,多次都生效(所以在使用JQ完成代码的时候,我们一般都会把代码放在回调函数中,首先不仅是等到结构加载完成再执行,而且还形成了闭包)。

实现的原理是DOM的二级事件绑定(可以执行多次),监听的是DOMCententLoaded事件(DOM结构加载完成就会触发执行)

window.onload

window.onload=function(){

}

没有简写形式。

必须在资源都加载完成才会执行,使用的是DOM零级事件绑定,在同一个页面中只能使用一次。

window.onload=function(){}

window.onload=function(){}

只能留最后一个,最后一次赋值替换了原有赋值。

只能出现一次,多次出现只能保留最后一个。

Tags:WI IN ND DO 
作者:网络 来源:CherryLee_