在结尾包含脚本主要用于首先显示网页内容/样式的地方。

在头中包含脚本可以很早加载脚本，并且可以在加载整个网页之前使用。

如果最后输入了脚本，则只有在加载了整个样式和设计之后才进行验证，这对于快速响应的网站来说是不受欢迎的。

脚本阻止DOM加载，直到加载并执行。

如果将脚本放在＜body＞的末尾，则所有DOM都有机会加载和渲染（页面将更快地“显示”）<script>将可以访问所有这些DOM元素。

另一方面，将其放置在＜body＞start或更高位置之后将执行脚本（其中仍然没有任何DOM元素）。

您包括jQuery，这意味着您可以将其放置在任何您希望的位置并使用.ready（）。

如果您仍然非常关心Internet Explorer版本10之前的支持和性能，那么最好始终将脚本标记设置为HTML正文的最后一个标记。这样，您就可以确定DOM的其余部分已经加载，并且不会阻塞和渲染。如果您不太关心版本10之前的Internet Explorer，您可能希望将脚本放在文档的开头，并使用defer来确保它们仅在加载DOM后运行（<script type=“text/javascript”src=“path/to/script1.js”defer></script>）。如果您仍然希望代码在版本10之前的Internet Explorer中运行，请不要忘记将代码包装在窗口中！

事实证明，它无处不在。

您可以使用类似jQuery的方法来延迟执行，这样它放在哪里就不重要了（除了解析过程中的小性能影响）。

非阻塞脚本标记可以放置在任何位置：

<script src="script.js" async></script>
<script src="script.js" defer></script>
<script src="script.js" async defer></script>

异步脚本一旦可用，将立即异步执行当文档完成解析时执行defer脚本如果不支持异步，异步延迟脚本将返回到延迟行为

这样的脚本将在文档准备就绪后异步执行，这意味着您无法执行此操作：

<script src="jquery.js" async></script>
<script>jQuery(something);</script>
<!--
  * might throw "jQuery is not defined" error
  * defer will not work either
-->

或者这个：

<script src="document.write(something).js" async></script>
<!--
  * might issue "cannot write into document from an asynchronous script" warning
  * defer will not work either
-->

或者这个：

<script src="jquery.js" async></script>
<script src="jQuery(something).js" async></script>
<!--
  * might throw "jQuery is not defined" error (no guarantee which script runs first)
  * defer will work in sane browsers
-->

或者这个：

<script src="document.getElementById(header).js" async></script>
<div id="header"></div>
<!--
  * might not locate #header (script could fire before parser looks at the next line)
  * defer will work in sane browsers
-->

尽管如此，异步脚本提供了以下优点：

并行下载资源：浏览器可以并行下载样式表、图像和其他脚本，而无需等待脚本下载和执行。源顺序独立性：您可以将脚本放在头部或身体内部，而不必担心阻塞（如果您使用CMS，则很有用）。尽管如此，执行顺序仍然很重要。

使用支持回调的外部脚本可以避免执行顺序问题。许多第三方JavaScript API现在支持非阻塞执行。下面是一个异步加载GoogleMapsAPI的示例。

最保守（也被广泛接受）的答案是“在结束标记之前的底部”，因为这样，在任何东西开始执行之前，整个DOM都将被加载。

出于各种原因，有人持不同意见，首先是有意识地开始执行页面加载事件。