javascript的window.onload与jquery的$(document).ready()的区别
来源:互联网 发布:最新nba季后赛数据统计 编辑:程序博客网 时间:2024/04/30 00:57
以浏览器装载文档为例,在页面加载完毕后,浏览器会通过Javascript为DOM元素添加事件。在常规的Javascript代码中,通常使用window.onload方法,而在Jquery中,使用的是$(document).ready()方法。$(document).ready()方法是事件模块中最重要一个函数,可以极大的提高Web应用程序的速度。
window.load
$(document).ready()
执行时机
必须等待网页中所有的内容加载完毕后(包括图片)才能执行
网页中所有DOM结构绘制完毕后就执行,可以能DOM元素关联的内容并没有加载完
编写个数
不能同时编写多个
以下代码无法正确执行:
window.onload = function(){
alert(“text1”);
};
window.onload = function(){
alert(“text2”);
};
结果只输出第二个
能同时编写多个
以下代码正确执行:
$(document).ready(function(){
alert(“Hello World”);
});
$(document).ready(function(){
alert(“Hello again”);
});
结果两次都输出
简化写法
无
$(function(){
// do something
});
另外,需要注意一点,由于在$(document).ready()方法内注册的事件,只要DOM就绪就会被执行,因此可能此时元素的关联文件未下载完。例如与图片有关的html下载完毕,并且已经解析为DOM树了,但很有可能图片还没有加载完毕,所以例如图片的高度和宽度这样的属性此时不一定有效。要解决这个问题,可以使用Jquery中另一个关于页面加载的方法---load()方法。Load()方法会在元素的onload事件中绑定一个处理函数。如果处理函数绑定给window对象,则会在所有内容(包括窗口、框架、对象和图像等)加载完毕后触发,如果处理函数绑定在元素上,则会在元素的内容加载完毕后触发。
Jquery代码如下:
$(window).load(function(){
// 编写代码
});
// 编写代码
});
等价于JavaScript中的以下代码
Window.onload = function(){
// 编写代码
}
// 编写代码
}
- jQuery $(document).ready() 与JavaScript window.onload的区别
- javascript的window.onload与jquery的$(document).ready()
- jquery的$(document).ready()方法 与 window.onload 的区别
- window.onload与jquery的$(document).ready
- jquery中的$(document).ready()与window.onload的区别
- [转]jQuery $(document).ready()与window.onload的区别
- jquery $(document).ready() 与window.onload的区别
- jquery 中 $(document).ready() 与window.onload 的区别
- jquery中的$(document).ready()与window.onload的区别
- jquery $(document).ready() 与window.onload的区别
- 【jquery】一、 $(document).ready() 与window.onload的区别
- jquery $(document).ready() 与window.onload的区别
- jquery $(document).ready() 与window.onload的区别
- jquery $(document).ready() 与window.onload的区别
- jquery $(document).ready() 与window.onload的区别
- jquery $(document).ready() 与window.onload的区别
- jquery $(document).ready() 与window.onload的区别
- jquery $(document).ready() 与window.onload的区别
- SAP Java Connector(JCo)
- 股票操作记录 2011.1.14
- C++ 把枚举变量的名称,直接当字符串使用方法 字符串化符号 #
- socket programming
- 物美价廉打造最适合中小企业业务体系的ERP系统
- javascript的window.onload与jquery的$(document).ready()的区别
- 用示波器测量电源噪声的方法(1)
- C# double 取 SQL Server 中的float 类型
- verify和assert验证
- 用示波器测量电源噪声的方法(2)
- oracle 10g undo表空间使用率居高不下bug
- 基于matlab的简单人脸识别实例
- 老男孩(歌词)
- UTC时间转换为标准时间