window.onload和jQuery中的ready的区别

原创 2012年03月31日 15:35:34


①注册次数的区别:

$(document).ready(function(){ alert("弹出1");});
$(document).ready(function(){ alert("弹出2");});
两次信息都会弹出。
   
window.onload = function(){ alert("弹出1"); }
window.onload = function(){ alert("弹出2"); }
只会执行弹出2。看那个等于号,相当于赋值,第二次把第一次覆盖了。


②执行时间的区别


onload
是要等所有DOM元素创建完毕,图片,CSS等都加载完毕才开始执行。

ready 
只要等DOM元素创建完毕即可,这样提高了网页的相应速度。

当然,$(window).load(function()) 可以实现onload的效果。



相关文章推荐

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

jQuery中$(document).ready()的作用类似于传统JavaScript中的window.onload方法,不过与window.onload方法还是有区别的。 1.执行时间    ...

【jquery】一、 $(document).ready() 与window.onload的区别

Jquery中$(document).ready()的作用类似于传统JavaScript中的window.onload方法,不过与window.onload方法还是有区别的。 1.执行时间 win...

[JQuery]window.onload和$(document).ready的区别

很多同学(包括我)刚接触jQuery时,都搞不清传统的window.onload和jQuery的$(document).ready有什么区别。甚至有人认为这两者其实是一个东西,其实不然。查询资料,基本...

Jquery中$(document).ready()和window.onload的区别

$(document).ready()和window.onload在表单上看都是页面加载时我们就去执行一个函数或动作, 但是在具体的细节上$(document).ready()和window.onl...

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

Jquery中$(document).ready()的作用类似于传统JavaScript中的window.onload方法,不过与window.onload方法还是有区别的。 1.执行时间 ...

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

jQuery $(document).ready() Vs JavaScript window.onloadCreated by Yiyi_coding Last edited at 2015年7月...

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

1.执行时间 window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。 $(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕。 ...
  • dz45693
  • dz45693
  • 2011年11月23日 14:23
  • 2225

jQuery学习01---ready与window.onload的区别

用到的jQuery下载 首先是ready方法与onload事件的区别 /* onload只能注册一次,window.onload=function(...

jquery中的$(document).ready()方法和window.onload方法区别

大多数情况下,jquery代码的编写,都要求我们将jquery的代码放在 1 $(document).ready(function(){ ...

浅谈JavaScript中的window.onload方法和JQuery中的$(document).ready()方法

浅谈JavaScript中的window.onload方法和JQuery中的$(document).ready()方法
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:window.onload和jQuery中的ready的区别
举报原因:
原因补充:

(最多只允许输入30个字)