1.执行时间
window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。
$(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕。
2.编写个数不同
window.onload不能同时编写多个,如果有多个window.onload方法,只会执行一个
$(document).ready()可以同时编写多个,并且都可以得到执行
3.简化写法
window.onload没有简化写法
复制代码 代码示例:
$(document).ready(function(){})可以简写成$(function(){});
来看两个具体的例子。
例1:执行两次
复制代码 代码示例:
<script type="text/
javascript">
//等待dom元素加载完毕.
$(document).ready(function(){
alert("Hello World!");
});
$(function(){
alert("Hello World2!");
});
</script>
例2:执行最后一个
复制代码 代码示例:
<script type="text/javascript">
//执行最后一个
//www.jb200.com
function t(){
alert("test1")
}
function b(){
alert("test2")
}
window.onload =t ;
window.onload =b ;
</script>