首页 > 网站 > WEB开发 > 正文

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

2024-04-27 15:04:08
字体:
来源:转载
供稿:网友

区别

1.执行时间 window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。 $(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕。 ps:(个人粗浅理解)具体到问题,如果一个网页中有很多图片,那么window.onload会等到图片都渲染加载完毕才会触发,而 $(document).ready()等网页上所有的img标签加载完成就会触发,因为这个特性所以在jQuery中操作大小时会出现bug 2.编写个数不同 window.onload不能同时编写多个,如果有多个window.onload方法,只会执行一个 $(document).ready()可以同时编写多个,并且都可以得到执行

3.简化写法 window.onload没有简化写法 $(document).ready(function(){})可以简写成$(function(){});

具体解释

http://blog.csdn.net/xiebaochun/article/details/36375481

$(document).load();

当web页面以及其附带的资源文件,如CSS,Scripts,图片等,加载完毕后执行此方法。 常用于检测页面(及其附带资源)是否加载完毕。

如果在jq中操作图片,由于$(document).ready()只加载dom节点而没有下载具体图片的话可以使用window.onload=function()$(document).load();


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表