window.onload和DOMContentLoaded

window.onload和DOMContentLoaded的差別

window.addEventListener('load', function () {
  // 頁面的全部資源加載完才會執行，包括圖檔、視訊
})

document.addEventListener('DOMContentLoaded', function () {
  // DOM渲染完即可執行，此時圖檔、視訊還可能沒有加載完
})
           

是以在平常開發中，優先選用DOMContentLoaded。