window.onload 与$(document).ready()区别

相同点：两者都可以用于在DOM载入就绪的时候对其进行操作并调用执行它所绑定的函数。

区别：

（1）执行时机：

window.onload 方法是在网页中所有的元素（包括元素的所有关联文件）完全加载到浏览器后才执行的，级javascript此时可以访问网页中的任何元素，而$(document).ready()方法注册的时间处理程序，是在DOM完全就绪的时候就可以被调用，此时网页的所有元素对jquery来说都是可以访问的，但是，这并不意味着网页的所有相关联的文件都已经下载完毕。

（2）多次使用：

window.onload 事件一次只能保存对一个函数的引用，所以它会自动调用最后一个的onload函数来覆盖前面的函数。

除非使用如下代码来实现：

window.onload = function(){

  fun1();

  fun2();

}

而$(document).ready()方法能够很好地处理这种情况，它每次都会在现有的行为上追加新的行为，并且这些行为会根据注册的顺序依次执行。

（3）简写方式

$(document).ready(function(){

})

可以简写为以下方式：

$(function(){

})

或者是

$().ready(function{

})