Jquery ready和window.onload方法区别

1.执行时间 

     window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。 
     $(document).ready()是DOM结构绘制完毕后就执行,不必等到页面所有元素加载完毕。 

2.编写方法个数不同 
      window.onload不能同时编写多个,如果有多个window.onload方法,只会执行一个 
      $(document).ready()可以同时编写多个,并且都可以得到执行 

$(document).ready()和$(function(){})相同,后者是前者的简写。

Jquery中也有方法是等到页面内包括图片的所有元素加载完毕后才能执行,

$(window).load(fucntion(){}),而且jquery的load方法可以编写多个方法。

使用情况:

使用$(window).load(function(){...})和window.onload()都存在同样一个问题,

因为开始也说到了,它们都需要等到页面的所有内容加载完毕才执行,但是如果

当网速比较慢的时候,加载一个页面往往需要较长的时间,所以我们经常会遇到

页面还没有完全加载完毕而用户已经在操作页面了这种情况,这样页面表现出

来的效果就跟我们预期的效果不一样了,所以在这里我推荐使用$(document).ready(function(){}),

或简写为$(function(){}),因为他会在页面的dom元素加载完毕后就执行,而无需等到图片或其

他媒体下载完毕.但是有时候确实我们有需要等到页面的所有东西都加载完后

再执行我们想执行的函数,所以是该使用$(window).load(function(){...})还是

该使用$(function(){})往往需要根据具体需要而作不同的选择。



  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值