總結一下,大概有三種方式
1.最簡單粗暴的:將js文件放在最后寫
2.window.onload
當一個文檔完全下載到瀏覽器中時,才會觸發window.onload事件。這意味着頁面上的全部元素對js而言都是可以操作的,也就是說頁面上的所有元素加載完畢才會執行。這種情況對編寫功能性代碼非常有利,因為無需考慮加載的次序。
3.$(document).ready{ }:
會在DOM完全就緒並可以使用時調用。雖然這也意味着所有元素對腳本而言都是可以訪問的,但是,並不意味着所有關聯的文件都已經下載完畢。換句話說,當HMTL下載完成並解析為DOM樹之后,代碼就會執行。
使用$(document).ready(){ }一般來說都要優於試用onload事件處理程序,但必須要明確一點的是,因為支持文件可能還沒有加載完成,所以類似圖像的高度和寬度這樣的屬性此時不一定有效。
