window.onload與document.ready()的區別
阿新 • • 發佈:2019-01-10
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(),則會全部彈出1,2,3 先寫到這,之後會補充的$(document).ready(function(){ alert("1") }) $(document).ready(function(){ alert("2") }) $(document).ready(function(){ alert("3") })
有不對的地方,請大家多多包含了