DOM加载完成事件监听方法

本文深入解析了网页开发中至关重要的 DOM 加载时机问题，明确指出 `document.addEventListener('DOMContentLoaded', ...)` 是监听 DOM 就绪最可靠、高效且语义正确的方案——它在 HTML 解析完成、DOM 树构建完毕后立即触发，无需等待图片、CSS 等外部资源，避免了 `onload` 的严重延迟和适用范围局限；同时澄清了常见误区，如误用 `onload` 属性于非法标签、依赖脚本位置“碰运气”、混淆 DOMContentLoaded 与 window.onload 的本质差异（核心在于“是否等待资源加载”），并揭示了 CSS 阻塞对布局计算的真实影响，帮助开发者写出更健壮、可维护的初始化逻辑。

用 document.addEventListener('DOMContentLoaded', ...)，不是 onload，也不是把脚本塞在 底部碰运气。

为什么不能用 onload 属性写在任意标签上

比如

这种写法浏览器直接忽略——onload 不是

的合法属性。HTML 规范只允许它出现在 、、