• Load 事件触发代表页面中的 DOM,CSS,JS,图片已经全部加载完毕。
  • DOMContentLoaded 事件触发代表初始的 HTML 被完全加载和解析,不需要等待 CSS,JS,图片加载。
document.addEventListener('load', function () {})
document.addEventListener('DOMContentLoaded', function () {})

注意:CSS 加载会阻塞 DOM 的渲染和后面 JS 的执行,JS 会阻塞 DOM 解析。