当你在结束 body 标记之后放置 javascript 会发生什么？

Question

我读过很多次，应该将 javascripts 放在 body 标记的底部以帮助页面加载。但是在查看https://shoprex.com/ 的源代码时，我看到他们在结束 body 标记之后和结束 html 标记之前放置了很多 javascript（内联和外部）。

</body>
<script>
//some code
//some code
//some code
//some code
//some code
</script>
<script src="example.js">
</script>
</html>

这有什么不同吗？这有什么优点/缺点还是不常见？是否所有浏览器都对此做出相同的响应或是否存在兼容性问题？

Answer 1

Javascript 在标记中遇到时运行。如果您正在操作页面 DOM，那么您想要影响的节点必须在 javascript 运行时存在，这就是为什么人们将脚本放置在所有页面内容之后。

在关闭 </body> 标记之前或之后应该没有区别，根据我的经验，它不会，因为在构建 DOM 之后遇到脚本并因此基本上同时运行。

但请参阅 suggested duplicate 以了解将其放在 内部 正文的原因。