window.onload与$(document).ready()对比

1.执行时机

window.onload:

必须等待网页中所有的内容加载完毕后(包括图片)才能执行

$(document).ready():

网页中所有DOM结构绘制完毕后就执行，可能DOM元素关联的东西并没有加载完

2.编写个数

window.onload:

不能同时编写多个

以下代码无法正确执行：

window.onload = function (){
    alert("test1");
};

window.onload = function (){
    alert("test2");
};

结果只输出 "test2"

$(document).ready():

能同时编写多个

以下代码正确执行：

$(document).ready(function (){
   alert("Hello World!"); 
});

$(document).ready(function (){
   alert("Helllo World!"); 
});

3.简化写法

window.onload:

无

$(document).ready():

$(document).ready(function() {
   // do something
});
// 可以简写成：
$(function() {
    // do something
})//