站内搜索:
首页 >> 前端 >> 内容
window.onload与$(document).ready()的对比讲解

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

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(){}

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

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

  • 上一篇:session及cookie的使用总结
  • 下一篇:通过Vue-cil搭建项目教程
  • 返回顶部