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

执行时机：
window.onload:必须等待网页中所有的内容加载完毕后才能执行。
$(document).ready():网页中所有DOM结构绘制完毕后就执行，可能DOM元素关联的东西（例如图片）并没有加载完。

编写个数：
window.onload:
同时编写多个将只执行最后一个。

window.onload = function(){
alert("test01");
};
window.onload = function(){
alert(test02);
};
//结果只会输出“test02”

$(document).ready():
同时编写多个也可以正确执行。

$(document).ready(function(){
alert("test01");
});
$(document).ready(function(){
alert(""test02);
});
//结果两次都输出

简化写法：
window.onload:无。
$(document).ready():

$(document).ready(function(){
//...
});
//可以简写成：
//第一种简写方式：
$(function(){
//...
});
//第二种简写方式：
//当$()不带参数时，默认参数“document”
$().ready(function(){
//...
});

load()方法—jQuery中另一个关于页面加载的方法：
load()方法会在元素的onload事件中绑定一个处理函数；
如果处理函数绑定给window对象，则会在所有内容加载完毕后触发；
如果处理函数绑定在元素上，则会在元素的内容加载完毕后触发。

$(window).load(function(){
//...
});
//等价于JavaScript中的以下代码：
window.onload = function(){
//...
};