使用事件时，在关闭正文标签前使用脚本标签的优势[重复]

Question

这个问题在这里已经有了答案:

HTML标记中的<script>标签应该放在哪里？ (22个回答)

封闭 5年前.

最近，似乎人们建议将脚本标签放在收尾body标签之前，就像这样。

        <script src="//javascript.js"></script>
    </body>
</html>

如果你立即运行脚本，这是件好事，因为你的大部分DOM已经加载完毕。然而，如果你在使用 onload 或 DOMContentLoaded 事件来调用你的主脚本？在这种情况下，把你的脚本标签放在文档头部似乎没有什么区别，因为在DOM加载之前，你的代码无论如何都不会执行。

当使用 onload 或 DOMContentLoaded 事件来运行你的脚本，那么把你的脚本标签放在最后的body标签上面和头部有什么好处吗？

另一方面，如果你不想让你的脚本在DOM加载之前执行，为什么不干脆把你的脚本标签放在body标签之前，然后在没有任何事件的情况下立即运行它。似乎这样可以在提供同样功能的同时，节省几行代码。

Answer 1

我认为，他们在不同的上下文中运行JS代码，因为body标签的结尾(inline source)是 "顶层 "代码，而DOMContentLoaded处理程序是在一个事件监听函数中。DOMContentLoaded也是在脚本标签执行后执行的。根据我的经验，DOMContentLoaded只有在我无法控制标记的情况下才有用。