您现在的位置:首页 >> 前端 >> 内容

window.onload与$(document).ready()对比

时间:2017/8/9 9:00:25 点击:

  核心提示:window.onload :执行时机:必须等待网页中的内容加载完毕后(包括图片)才能执行编写个数:不能同时编写多个,例如以下代码:script type='text/function t(){ al...

window.onload :

执行时机:必须等待网页中的内容加载完毕后(包括图片)才能执行

编写个数:不能同时编写多个,例如以下代码:

<script type="text/javascript">
function t(){
	alert("test1")
}
function b(){
	alert("test2")
}
window.onload =t ;
window.onload =b ;
</script>

结果只会弹出 "test2"

没有其他简化写法

$(document).ready():

执行时机:网页中所有的DOM结构绘制完毕后就执行,可能DOM元素关联的东西并没有加载完

编写个数:能同时编写多个,例如以下代码:

<script src="jquery.js" type="text/javascript"></script>
<script type="text/javascript">
//等待dom元素加载完毕.
$(document).ready(function(){
	alert("Hello World!");
});

//test2
$(document).ready(function(){
	alert("Hello again!");
});
</script>

结果两次都会输出,先后弹出 "Hello Word!" "Hello again!"

$(document).ready(function(){

// .....

});

可以简化成:

$(function(){

// .....

});

Tags:WI IN ND DO 
作者:网络 来源:AsheAndWin
  • 上一篇:css选择器全解
  • 下一篇:封装的定义