load

2025年01月07日

柏拉文

越努力，越幸运

一、认识

---

load 当整个页面及所有依赖资源如样式表和图片都已完成加载时，将触发 load 事件。load 事件不可以冒泡,不可以取消。它与 DOMContentLoaded 不同，后者只要页面 DOM 加载完成就触发，无需等待依赖资源的加载。

二、语法

---

addEventListener('load', (event) => {});

onload = (event) => { };

三、对比

---

3.1 window.onload 与 window.DOMContentLoaded

window.onload: 整个页面及所有依赖资源如样式表和图片都已完成加载时，将触发 load 事件

window.DOMContentLoaded: 顾名思义, 只要页面 DOM 加载完成就触发，无需等待依赖资源的加载