$(document).ready() 和 window.onload 的区别

区别1:
window.onload 只能绑定一个函数 如果给它绑定多个函数 只有最后一个起作用。而 $(document).ready() 可以同时绑定多个函数。

//结果只弹出alert(2);
window.onload=function(){
    alert(1);
}
window.onload=function(){
    alert(2);
}

//结果先弹出alert(1)然后弹出alert(2)
$(function(){
    alert(1);
});
$(function(){
    alert(2);
});

区别2
window.onload 等待页面的所有元素（所有元素 : dom节点 和dom节点相关的所有内容）全部加载完毕以后再执行。
$(document).ready() 只要页面的dom元素 全部下载完毕就执行， 不等待 dom 元素相关的内容全部下载完毕以后才执行。

//打印结果：
//先：$(document).ready()
//后：window.onload
window.onload = function () {
    console.log("window.onload");
}

$(document).ready(function() {
    console.log("$(document).ready()");
});

区别3
window.onload 无法简写。
$(document).ready() 可以简写$().ready(function(){}）或$(function(){})；。