document 的 load 事件和 DOMContentLoaded 事件有什么区别？

Difference between document `load` event and document `DOMContentLoaded` event?

题目类型: 技术面试题

这是一道技术面试题，常见于澳洲IT公司面试中。

难度: easy

分类: javascript-fundamentals

标签: DOMContentLoaded, load

参考答案摘要

答案 DOMContentLoaded：HTML 被解析完成，DOM 树构建完毕就触发，不需要等待图片/样式/iframe 等资源全部加载。 load：页面所有资源（图片、CSS、脚本、子资源）都加载完才触发。 因此：初始化 DOM 交互通常用 DOMContentLoaded；依赖图片尺寸等资源时用 load。

本题提供 STAR 原则详细解答和技术解析，登录匠人学院学习中心即可查看完整答案。