在HTML文档中嵌入JavaScript时，在哪里放置＜script＞标记和包含的JavaScript？我似乎记得，你不应该把这些放在＜head＞部分，但放在＜body＞部分的开头也是不好的，因为JavaScript必须在页面完全呈现之前进行解析（或类似的）。这似乎将＜body＞部分的结尾作为＜script＞标记的逻辑位置。
那么，哪里是放置＜script＞标记的正确位置？
（这个问题引用了这个问题，其中建议将JavaScript函数调用从＜a＞标记移动到＜script＞标记。我专门使用jQuery，但更一般的答案也是合适的。）
当前回答
您可以通过使用围绕JavaScript代码的专用HTML标记＜script＞在HTML文档中添加JavaScript代码。
＜script＞标记可以放在HTML的＜head＞部分、＜body＞部分或＜/body＞close标记之后，具体取决于何时加载JavaScript。
通常，JavaScript代码可以放在文档<head>部分的内部，以便将它们包含在HTML文档的主要内容之外。
但是，如果您的脚本需要在页面布局中的某一点运行（例如使用document.write生成内容时），则应该将其放在应该调用的位置，通常在＜body＞部分。
其他回答
现代方法是使用ES6“模块”类型脚本。
<script type="module" src="..."></script>
默认情况下，模块是异步和延迟加载的。即，您可以将它们放置在任何位置，它们将并行加载，并在页面完成加载时执行。
进一步阅读：
脚本和模块之间的区别与脚本相比，模块的执行被延迟（默认情况下模块被延迟）ES6模块的浏览器支持
这取决于。如果您正在加载一个脚本，该脚本是设置页面样式所必需的/使用页面中的操作（如单击按钮），那么最好将其放在顶部。如果你的样式是100%CSS，并且你有所有按钮操作的回退选项，那么你可以把它放在底部。
或者最好的做法（如果这不是问题）是，你可以制作一个模态加载框，将JavaScript代码放在页面底部，并在加载脚本的最后一行时使其消失。这样可以避免用户在加载脚本之前在页面中使用操作。也要避免不正确的造型。
如果您使用的是jQuery，那么将JavaScript代码放在您认为最好的地方，并使用$（document）.ready（）确保在执行任何函数之前正确加载。
附带说明：我喜欢<head>部分中的所有脚本标记，因为这似乎是最干净的地方。
我认为这取决于网页的执行。
如果要显示的页面在未加载JavaScript的情况下无法正确显示，则应首先包含JavaScript文件。
但是，如果您可以在不下载JavaScript文件的情况下显示/呈现网页，那么应该将JavaScript代码放在页面底部。因为它将模拟快速的页面加载，并且从用户的角度来看，页面加载速度似乎更快。
非阻塞脚本标记可以放置在任何位置：
<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的示例。
