window.onload与$(document).ready()的对比

1、window.onload：（1）必须等待网页中全部的内容加载完毕后（包括图片）才能执行；（2）不能同时编写多个，如：

window.onload = function(){

alert("test1")

};

window.onload = function(){

alert("test2")

};

结果只会输出“test2”。

2、$(document).ready()：（1）网页中全部DOM结构绘制完毕后就执行，可能DOM元素关联的东西并无加载完；

（2）能同时编写多个，如下代码正确执行；

$(document).ready(function(){

alert("Hello World!");

});

$(document).ready(function(){

alert("Hello again!");

});

结果两次都输出;

$(document).ready(function(){

// ..

});

能够简写成：

$(function(){

//..

})