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

1、执行时机

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

2、多次使用：

假使网页中有两个函数，代码如下：

function one(){
alert("one");
}

function two(){
alert("two");
}

当网页加载完毕之后，如果通过javaScript代码来分别调用这两个函数：

window.onload=one；

window.onload=two；

则只会弹出第二个alert，因为javaScript的onload事件一次只能保存一个函数的引用，他会自动用后面的函数覆盖掉前面的函数，要达到两个都出发的效果，则要创建一个新的javaScript方法来实现，代码如下：

windoe.onload=function(){
one();
two();
}

运行之后会依次弹出这两个alert

而使用jQuery的$(document).ready()，代码如下：

$(document).ready(function(){
one();
})
$(document).ready(function(){
two();
})

运行之后会依次弹出这两个alert