当前位置: 编程技术>jquery
jquery $(document).ready() 与window.onload的区别有哪些？
来源: 互联网 发布时间：2014-09-03
本文导语: 1.执行时间 window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。 $(document).ready()是DOM结构绘制完毕后就执行，不必等到加载完毕。 2.编写个数不同 window.onload不能同时编写多个，如果有多个window.onload方法，只...
1.执行时间
window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。
$(document).ready()是DOM结构绘制完毕后就执行，不必等到加载完毕。
2.编写个数不同
window.onload不能同时编写多个，如果有多个window.onload方法，只会执行一个
$(document).ready()可以同时编写多个，并且都可以得到执行
3.简化写法
window.onload没有简化写法
代码示例:
$(document).ready(function(){})可以简写成$(function(){});
来看两个具体的例子。
例1：执行两次
代码示例:
//等待dom元素加载完毕.
$(document).ready(function(){
alert("Hello World!");
});
$(function(){
alert("Hello World2!");
});
例2：执行最后一个
代码示例:
//执行最后一个
//www.
function t(){
alert("test1")
}
function b(){
alert("test2")
}
window.onload =t ;
window.onload =b ;
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术，将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。