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

时间:2014-05-21 03:10:54   收藏:0   阅读:374

《锋利的jQuery》上摘抄下来:

  window.onload $(document).ready()
执行时机 必须等待网页中所有的内容加载完毕后(包括图片)才能执行 网页中所有DOM结果绘制完毕后就执行,可能DOM元素关联的东西并没有加载完
编写个数 不能同时编写多个
以下代码无法正确执行:
window.load = function() {
 alert("test1");
};
window.load = function() {
 alert("test2");
};
结果只会输出“test2”
能同时编写多个
以下代码可以正确执行:
$(document).ready(function(){
 alert("Hello World!");
});
$(document).ready(function(){
 alert("Hello again!");
});
结果两次都输出
简化写法 $(document).ready(function(){
 //...
});
可以简写成:
$(function(){
 //...
});

window.onload与$(document).ready()的区别,布布扣,bubuko.com

评论(0
© 2014 mamicode.com 版权所有 京ICP备13008772号-2  联系我们:gaon5@hotmail.com
迷上了代码!