HTML中script位置优化 HTML中script标签放body底部的原因

作者：袖梨 2026-07-26
放在底部能避免DOM操作失败，因为浏览器自上而下解析HTML，脚本执行时确保所有DOM节点已构建完毕，可安全访问元素；若脚本提前执行，则document.getElementById等返回null。

为什么<script>放在<body>底部能避免DOM操作失败</script>

浏览器解析HTML是自上而下流式进行的，遇到

实操建议：

立即学习“前端免费学习笔记（深入）”；

  • 对纯逻辑型脚本（如统计代码、埋点SDK），用async放<head>没问题
  • 对需操作DOM的初始化脚本，即使加了defer，也应保留在</body>前——这是双重保险
  • 不支持defer的老浏览器（如IE9及更早）会直接忽略该属性，脚本退化为同步加载，位置就更关键了

放在

相关文章

精彩推荐