window.onload和document.ready

3,384 阅读1分钟

Jquery中$(document).ready()的作用类似于传统JavaScript中的window.onload方法,不过与window.onload方法还是有区别的。

1:执行时间不同

$(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕,document.ready()加载的速度较快,只需要等待dom树的加载,无需等待图片以及媒体资源。 而window.onload不仅要等DOM结构加载完,还要加载图片,视频,音频在内的所有文件都加载完毕,如果在加载图片和媒体资源上花费了大量时间的话,用户就会明显感觉到网速明显的卡顿。

2:编写个数不同

window.onload同时编写多个,在执行程序时只会执行最后一个window.onload,而document.ready()则会执行多个。

例如:

window.onload=function(){ alert(3) } window.onload=function(){ alert(5) } 两个window.onload,则只会弹出5

$(document).ready(function(){
	alert("1")
})
$(document).ready(function(){
	alert("2")
})
$(document).ready(function(){
	alert("3")
})

同时多个$(document).ready(),则会全部弹出1,2,3

先写到这,之后会补充的