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

开发时常用Jquery中$(document).ready()和JavaScript中的window.onload方法，两者都是要在页面加载完成以后加载的方法，但是这两者还是有很大区别的。

按执行时机比：

window.onload---必须等待网页中所有的内容加载完毕后(包括图片)才能执行,然后再执行JS代码

$(document).ready()--只需要等待网页中的DOM结构加载完毕，就能执行JS代码.可以能DOM元素关联的内容并没有加载完

window.onload：

不能同时编写多个，以下代码无法正确执行：

window.onload = function(){

   alert("offcn");

};

window.onload = function(){

   alert("offcn.com");

};

结果只输出第二个

 

(document).ready()：

能同时编写多个

以下代码正确执行：

$(document).ready(function(){

   alert("Hello offcn");

});

$(document).ready(function(){

   alert("Hello offcn.com");

});

结果两次都输出

 

window.onload在$(document).ready() 之后执行