当前位置: 代码迷 >> Web前端 >> jquery的$(document).ready()与window.onload差别
  详细解决方案

jquery的$(document).ready()与window.onload差别

热度:233   发布时间:2012-10-07 17:28:51.0
jquery的$(document).ready()与window.onload区别

jquery中的$(document).ready()与window.onload的区别

最早接触的时候也说$(document).ready(function(){? ?})这个函数是用来取代页面中的window.onload;

但是今天发现 好像不是这样回事!是在做一个页面载入效果时发现的!

function winready(){document.getElementById("loading").style.display="none";}
window.onload=winready;
以上的写法??winready会在页面完全载入才触发;

jquery写法:
$(document).ready(function(){
"#loading").css("display","none");
})

以前没发现,今天因为网络卡,发现一个页面的一张图片还没载入完成,jquery的ready函数就已经触发了!

document.onload??window.onload <body onLoad="winready()">

到底又没区别?

解释这样!

$(document).ready()是在DOM结构载入完后执行的,而window.onload是得在所有文件都加载完后执行的,注意区别,一个是DOM加载完,一个是所有文件加载完

所谓DOM加载完,就是指DOM模型加载完,也就是指代码加载完。
两者最大的区别,就是DOM加载完之后,不必再去等相应的图片加载完就可以执行JS代码了。
1 楼 lybykw 2011-07-26  
有这等事?
2 楼 zhangxpower 2011-07-26  
恩,有.我试过了.
  相关解决方案