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(){})往往需要根据具体需要而作不同的选择。

更多相关文章