兩種方法實如今HTML頁面加載完畢後運行某個js：

在DOM加載完就能夠執行（比window.onload更早）。在同一頁面中能夠屢次出現.ready()

二者主要區別：Window.onload=function (){}:

當一個文檔徹底下載到瀏覽器中時，纔會觸發window.onload事件。這意味着頁面上的所有元素對js而言都是能夠操做的，也就是說頁面上的全部元素加載完畢纔會執行。這種狀況對編寫功能性代碼很是有利，由於無需考慮加載的次序。

 

$(document).ready(function (){});

會在DOM徹底就緒並可使用時調用。雖然這也意味着全部元素對腳本而言是能夠訪問的，可是，並不意味着全部關聯的文件都已經下載完畢。換句話說，當HTML下載完成並解析爲DOM樹以後，代碼就會執行。

 

使用$(document).ready(function (){})通常來講都要優於使用onload事件處理程序，但必需要明確一點，由於支持文件可能尚未加載完成，因此相似圖像的高度和寬度這樣的屬性此時不必定有效。

 

注：用把js放在頁面底部的方法以及運用defer=」defer」的方法都是會出現問題的。最好使用$(document).ready(function (){})函數。