JS中的load和DOMContentLoaded

1. load

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

window.addEventListener('load', (event) => {
  console.log('page is fully loaded');
});
//也可以使用onload实现：
window.onload = (event) => {
  console.log('page is fully loaded');
};

2. DOMContentLoaded

DOM加载完成就触发回调函数，无需等待依赖资源的加载。
所以DOMContenLoaded会在load之前触发。