jquery $(document).ready() 与window.onload的区别
2020-11-20 22:08
标签：java strong c javascript 文件 html
Jquery中$(document).ready()的作用类似于传统JavaScript中的window.onload方法，不过与window.onload方法还是有区别的。
1.执行时间
window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。
$(document).ready()是DOM结构绘制完毕后就执行，不必等到加载完毕。
2.编写个数不同
window.onload不能同时编写多个，如果有多个window.onload方法，只会执行一个
$(document).ready()可以同时编写多个，并且都可以得到执行
3.简化写法
window.onload没有简化写法
$(document).ready(function(){})可以简写成$(function(){});
另外，需要注意一点，由于在$().ready()方法内注册的时间，只要DOM就绪就会被执行，因此可能此时元素的关联文件未下载完。例如与图片有关的html下载完毕。并且可能解析为DOM树了，但很有可能图片还没有加载完毕，所以例如图片的高度和宽度这样的属性此时不一定有。
IE只有在页面不是嵌入frame中的情况下才和Firefox等一样，先执行$(document).ready()的内容，再执行原来的onload方法。对于嵌入frame中的页面，也只是绑定在load事件上执行，所以自然是在原来的onload绑定的方法执行之后才轮到。而这个页面中正好在测试环境下有一个访问不到的资源，那十几秒的延迟正是它放大出的时间差。
jquery $(document).ready() 与window.onload的区别,搜素材,soscw.com
jquery $(document).ready() 与window.onload的区别
标签：java strong c javascript 文件 html
原文地址：http://www.cnblogs.com/qiangmin/p/3709538.html
文章标题：jquery $(document).ready() 与window.onload的区别
文章链接：http://soscw.com/index.php/essay/22023.html