jquery $(document).ready() 与window.onload的区别有哪些?
1.执行时间
window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。
$(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕。
2.编写个数不同
window.onload不能同时编写多个,如果有多个window.onload方法,只会执行一个
$(document).ready()可以同时编写多个,并且都可以得到执行
3.简化写法
window.onload没有简化写法
来看两个具体的例子。
例1:执行两次
//等待dom元素加载完毕.
$(document).ready(function(){
alert("Hello World!");
});
$(function(){
alert("Hello World2!");
});
</script>
例2:执行最后一个
//执行最后一个
//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 指南/入门基础