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

window.onload ：

执行时机：必须等待网页中的内容加载完毕后（包括图片）才能执行

编写个数：不能同时编写多个，例如以下代码：

<script type="text/javascript">
function t(){
	alert("test1")
}
function b(){
	alert("test2")
}
window.onload =t ;
window.onload =b ;
</script>

结果只会弹出 "test2"

没有其他简化写法

$(document).ready()：

执行时机：网页中所有的DOM结构绘制完毕后就执行，可能DOM元素关联的东西并没有加载完

编写个数：能同时编写多个，例如以下代码：

<script src="jquery.js" type="text/javascript"></script>
<script type="text/javascript">
//等待dom元素加载完毕.
$(document).ready(function(){
	alert("Hello World!");
});

//test2
$(document).ready(function(){
	alert("Hello again!");
});
</script>

结果两次都会输出，先后弹出 "Hello Word!"    "Hello again!"

$(document).ready(function(){

// .....

});

可以简化成：

$(function(){

// .....

});