码迷,mamicode.com
首页 > Windows程序 > 详细

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

时间:2014-05-21 03:10:54      阅读:374      评论:0      收藏:0      [点我收藏+]

标签:style   class   c   a   width   cti   

《锋利的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

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

标签:style   class   c   a   width   cti   

原文地址:http://www.cnblogs.com/elm5280/p/3738532.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!