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及更早）会直接忽略该属性，脚本退化为同步加载，位置就更关键了
