1. 程式人生 > >window.onload與document.ready()的區別

window.onload與document.ready()的區別

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 先寫到這,之後會補充的

有不對的地方,請大家多多包含了