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.οnlοad=function(){
		alert(3)
	}
    window.οnlοad=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

先寫到這，之後會補充的

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