在HTML文档中嵌入JavaScript时，在哪里放置＜script＞标记和包含的JavaScript？我似乎记得，你不应该把这些放在＜head＞部分，但放在＜body＞部分的开头也是不好的，因为JavaScript必须在页面完全呈现之前进行解析（或类似的）。这似乎将＜body＞部分的结尾作为＜script＞标记的逻辑位置。
那么，哪里是放置＜script＞标记的正确位置？
（这个问题引用了这个问题，其中建议将JavaScript函数调用从＜a＞标记移动到＜script＞标记。我专门使用jQuery，但更一般的答案也是合适的。）
当前回答
编写JavaScript代码的最佳位置是在＜/body＞标记之后或之前的文档末尾，以先加载文档，然后执行JavaScript代码。
<script> ... your code here ... </script>
</body>
如果您在jQuery中编写，以下内容可以在头文档中，并且将在文档加载后执行：
<script>
$(document).ready(function(){
// Your code here...
});
</script>
其他回答
最好将其放在</body>结束标记之前。
为什么？根据官方文件：https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/JavaScript_basics#a_hello_world!_实例
注：说明（上面）放置元素的原因HTML文件的底部附近是浏览器在在文件中显示的顺序。如果JavaScript首先加载，并且它应该会影响HTML尚未加载，可能会出现问题。放置JavaScript靠近HTML页面底部是一种适应这种情况的方法附属国。要了解有关替代方法的更多信息，请参见脚本加载策略。
根据脚本及其用法，最好的方法（在页面加载和渲染时间方面）可能不是使用常规的＜script＞-标记本身，而是动态地异步触发脚本加载。
有一些不同的技术，但最直接的方法是在触发window.onload事件时使用document.createElement（“script”）。然后，当页面本身已呈现时，首先加载脚本，从而不会影响用户等待页面出现的时间。
这自然要求渲染页面时不需要脚本本身。
有关更多信息，请参阅SteveSouders（YSlow的创建者，现供职于谷歌）撰写的耦合异步脚本。
如果您使用的是jQuery，那么将JavaScript代码放在您认为最好的地方，并使用$（document）.ready（）确保在执行任何函数之前正确加载。
附带说明：我喜欢<head>部分中的所有脚本标记，因为这似乎是最干净的地方。
您可以将大多数＜script＞引用放在＜body＞的末尾。
但是，如果页面上有使用外部脚本的活动组件，那么它们的依赖项（.js文件）应该在前面（最好在head标记中）。
现代方法是使用ES6“模块”类型脚本。
<script type="module" src="..."></script>
默认情况下，模块是异步和延迟加载的。即，您可以将它们放置在任何位置，它们将并行加载，并在页面完成加载时执行。
进一步阅读：
脚本和模块之间的区别与脚本相比，模块的执行被延迟（默认情况下模块被延迟）ES6模块的浏览器支持
