我对JavaScript函数应该放置在何处感到困惑：
它们应该放在head标签内部什么时候？ 什么时候应该放在body标签内联？ 以及，在结束html标记后什么时候放置？
谢谢。
它们应该放在head标签内部什么时候？ 什么时候应该放在body标签内联？ 以及，在结束html标记后什么时候放置？
谢谢。
3个回答
13
这方面规则宽松，没有绝对的对错之分，只有更好和不那么好的区别。 （当然在</html>后是错误的）
一般来说，文档头中的javascript可能会阻止页面渲染，直到文件在某些浏览器*cough*IE*cough*中被加载。这是由于同时连接数的限制所致。因此，一些人将它们放在关闭html标签之前。您可以使用库异步加载javascript以避免此阻塞。
如果您正在使用库或在执行代码之前检查DOM是否已加载，则放置位置并不重要。 但是，如果没有这样做，最好将其放在末尾。
- JKirchartz
3
我不知道谁给你点了踩，但我给你点了赞以抵消它，因为我总体上同意你的观点。 - soniiic
谢谢@soniic...对于这样一个泛泛而谈的问题，你怎么能不一般地回答呢... - JKirchartz
因此，总结前三个答案：
在 head 和 /head 中以及在 body 和 /body 中放置 JavaScript 是可以的。
我的一些代码放在 /html 之后。天啊。 - Doug Null
1
Javascript可以安全地放置在中，以使整个页面都可以使用该功能。请注意，这可能会阻止其余文档的加载，因此，如果您正在加载非常大或外部Javascript，则可能希望将它们内联加载到的末尾附近。
内联放置的Javascript将在执行时变为可用。这允许您在页面元素加载时有条件地加载JS。
Javascript应始终放置在或中，而不是在之后。
- George Cummins
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接
- 相关问题
- 4 替换body标签内的整个HTML。
- 9 为什么require.js要放在head标签内
- 3 AngularJS在HTML标签内绑定HTML标签
- 255 把<script>标签放在</body>标签后面是错误的吗？
- 9 在<head>标签内使用<noscript>：好主意还是坏主意？
- 17 在HTML标签内调用JavaScript函数
- 4 在将 JavaScript 放在 </body> 标签前和放在 </html> 标签前有什么区别吗？
- 35 <script>标签不放在<head>标签内可以吗？
- 49 <head>标签内还是</body>标签前使用JavaScript？
- 3 在HTML标签内禁用JavaScript
</html>之后”作为一个选项。 - Brandon