BOM---window物件的常見事件
阿新 • • 發佈：2022-04-17
#1.視窗載入事件
1.window.onload事件
window.onload 是視窗載入事件，當文件內容完全載入完成會觸發該事件（包括影象、指令碼檔案、CSS、檔案等），就呼叫的處理函式。
注意：1.有了window.onload就可以把js程式碼寫到頁面元素上方，因為onload是等頁面內容全部載入完畢，在去執行處理函式。
2.window.onload傳統註冊方式只能寫一次，如果有多個，會以最後一個window.onload為準。
3.如果使用addEventListener則沒有限制
2.DOMContentLoaded事件
DOMContentLoaded事件觸發時，僅當DOM載入完畢後執行，不包括樣式表，圖片，flash等等。
優點：如果頁面的圖片很多的話，從使用者訪問到onload觸發可能需要較長的時間，互動效果不能實現，必然影響使用者體驗，此時用DOMContentLoaded事件比較合適。
#2 調整視窗大小事件
window.onersize 是調整視窗大小載入事件，當觸發時就會呼叫處理函式。
注意：1.只要視窗大小發生畫素變化，就會觸發這個事件
2.我們經常利用這個事件完成響應式佈局。window.innerWidth當前螢幕的寬度