js檔案如何最後載入

標籤：一般來說   代碼   完全   指令碼   支援   load   頁面   映像   win   

總結一下，大概有三種方式

1.最簡單粗暴的：將js檔案放在最後寫

2.window.onload

當一個文檔完全下載到瀏覽器中時，才會觸發window.onload事件。這意味著頁面上的全部元素對js而言都是可以操作的，也就是說頁面上的所有元素載入完畢才會執行。這種情況對編寫功能性代碼非常有利，因為無需考慮載入的次序。

3.$(document).ready{ }： 

會在DOM完全就緒並可以使用時調用。雖然這也意味著所有元素對指令碼而言都是可以訪問的，但是，並不意味著所有關聯的檔案都已經下載完畢。換句話說，當HMTL下載完成並解析為DOM樹之後，代碼就會執行。

使用$(document).ready(){ }一般來說都要優於試用onload事件處理常式，但必須要明確一點的是，因為支援檔案可能還沒有載入完成，所以類似映像的高度和寬度這樣的屬性此時不一定有效。 

js檔案如何最後載入