教程集 www.jiaochengji.com
教程集 >  jQuery  >  jquery 教程  >  正文 jquery $(document).ready() 与window.onload的区别有哪些?

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

发布时间:2015-10-14   编辑:jiaochengji.com
为大家介绍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.jbxue.com
function t(){
 alert("test1")
}
function b(){
 alert("test2")
}
window.onload =t ;
window.onload =b ;
</script>

您可能感兴趣的文章:
jquery $(document).ready() 与window.onload的区别有哪些?
jquery $(document).ready()与window.onload的区别分析
jquery $(document).ready() 与window.onload的区别
jQuery ready与window.onload的区别
jquery中的$(document).ready()与window.onload的区别
JQuery的ready函数与JS的onload的区别详解
jQuery 练习[一] 学习jquery的准备工作
jquery加载页面的方法(页面加载完成就执行)
探讨 Jquery ready和Dom onload的区别
jquery 指南/入门基础

[关闭]
~ ~