您的位置：首页 > Web前端 > JQuery

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

2010-04-13 16:31 603 查看

最早接触的时候也说$(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代码了。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航