在HTML文档中嵌入JavaScript时，在哪里放置＜script＞标记和包含的JavaScript？我似乎记得，你不应该把这些放在＜head＞部分，但放在＜body＞部分的开头也是不好的，因为JavaScript必须在页面完全呈现之前进行解析（或类似的）。这似乎将＜body＞部分的结尾作为＜script＞标记的逻辑位置。
那么，哪里是放置＜script＞标记的正确位置？
（这个问题引用了这个问题，其中建议将JavaScript函数调用从＜a＞标记移动到＜script＞标记。我专门使用jQuery，但更一般的答案也是合适的。）
当前回答
现代方法是使用ES6“模块”类型脚本。
<script type="module" src="..."></script>
默认情况下，模块是异步和延迟加载的。即，您可以将它们放置在任何位置，它们将并行加载，并在页面完成加载时执行。
进一步阅读：
脚本和模块之间的区别与脚本相比，模块的执行被延迟（默认情况下模块被延迟）ES6模块的浏览器支持
其他回答
脚本阻止DOM加载，直到加载并执行。
如果将脚本放在＜body＞的末尾，则所有DOM都有机会加载和渲染（页面将更快地“显示”）<script>将可以访问所有这些DOM元素。
另一方面，将其放置在＜body＞start或更高位置之后将执行脚本（其中仍然没有任何DOM元素）。
您包括jQuery，这意味着您可以将其放置在任何您希望的位置并使用.ready（）。
在结尾包含脚本主要用于首先显示网页内容/样式的地方。
在头中包含脚本可以很早加载脚本，并且可以在加载整个网页之前使用。
如果最后输入了脚本，则只有在加载了整个样式和设计之后才进行验证，这对于快速响应的网站来说是不受欢迎的。
现代方法是使用ES6“模块”类型脚本。
<script type="module" src="..."></script>
默认情况下，模块是异步和延迟加载的。即，您可以将它们放置在任何位置，它们将并行加载，并在页面完成加载时执行。
进一步阅读：
脚本和模块之间的区别与脚本相比，模块的执行被延迟（默认情况下模块被延迟）ES6模块的浏览器支持
根据脚本及其用法，最好的方法（在页面加载和渲染时间方面）可能不是使用常规的＜script＞-标记本身，而是动态地异步触发脚本加载。
有一些不同的技术，但最直接的方法是在触发window.onload事件时使用document.createElement（“script”）。然后，当页面本身已呈现时，首先加载脚本，从而不会影响用户等待页面出现的时间。
这自然要求渲染页面时不需要脚本本身。
有关更多信息，请参阅SteveSouders（YSlow的创建者，现供职于谷歌）撰写的耦合异步脚本。
就在结束正文标记之前，如在底部放置脚本所述：
将脚本放在底部脚本造成的问题是它们阻止并行下载。HTTP/1.1规范建议浏览器每个主机名并行下载的组件不超过两个。如果您从多个主机名提供图像，您可以同时获得两次以上的下载。然而，当下载脚本时，浏览器不会启动任何其他下载，即使是在不同的主机名上。
