jquery $(document).ready() 与window.onload的区别有哪些?

发布时间:2019-08-11编辑:脚本学堂
为大家介绍jquery $(document).ready() 与window.onload的区别,并举了二个例子,供大家参考。

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>