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

一，执行时机
window.onload()：在页面所有元素（包括图片，引用文件）加载完后执行。
$(document).ready()：页面中所有HTML DOM，CSS DOM结构加载完之后就会执行，其他图片文件可能没有加载完。

二，编写个数
window.onload()： 不能同时写多个，后面的将会覆盖前面的。

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

结果会执行“B”，如果想要顺序执行alert("A")和alert("B")需写成：

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

$(document).ready()： 可以同时写多个，以下代码正确执行。

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

三，简写方法
window.onload()： 无简写，但有相关写法。

$(window).load(function () {
});
// 等价于
window.onload = function () {
};

$(document).ready()： 有简写

$(document).ready(function(){
　　//to do;
})；

可写成

$().ready(function(){   //$()不带参数默认是document
　　//to do;
});

或

$(function(){
　　//to do;
});