5.3 window 及 document 事件

載入的相關事件

DOMContentLoaded

document.addEventListener("DOMContentLoaded", function(){
  // DOM 載入完成之後
});

load

window.addEventListener("load", function(){
  // 圖片等資源載入完成之後
});

實測比較

DOMContentLoaded 裡的程式，會比較先執行到。例：

範例：loading 畫面蓋住整個螢幕，load 事件觸發後，將 loading 畫面移除

window resize 事件

window.addEventListener("resize", function(){
  // 使用者若有改變視窗大小，就執行這裡的程式
});

例：