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(){// .....
});