带有 jQuery 库引用的 <script> 标记必须在 <head> 或 <body> 标记内吗？ [复制]答案

【问题标题】：Must the <script> tag, with the jQuery library reference, be inside the <head> or <body> tag? [duplicate]带有 jQuery 库引用的 <script> 标记必须在 <head> 或 <body> 标记内吗？ [复制]
【发布时间】：2012-10-15 18:41:22
【问题描述】：

可能重复：
Where should I put tags in HTML markup?

我一直觉得还是放在head里比较好（可能是因为先加载在head里，而且还把head里的所有脚本分组方便阅读），但是我在网上找了几个例子（@987654322 @documentation、ASP.NET MVC4 等）其中的 script 标签引用了 jQuery () 被插入到正文中：

<!DOCTYPE html>
<html>

<head>
    <title>Bootstrap 101 Template</title>
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
</head>

<body>
    <h1>Hello, World!</h1>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <script src="js/bootstrap.min.js"></script>
</body>

</html>

最佳做法是什么？

【问题讨论】：

您通常将它们放在结束 body-tag 之前，因此页面可以在执行多个 .js 文件请求之前开始加载图像和其他 HTML。
这两种方法各有利弊。页面加载的最佳选择是将其放在底部，但这可能会使某些结构变得非常困难，例如围绕服务器端代码构建的应用程序为每个页面返回相同的页脚和页眉，每个页面都有它自己定义的js。
developer.yahoo.com/performance/rules.html#js_bottom

标签： jquery html head document-body

【解决方案1】：

它们在身体的末端。

【讨论】：

即在</body>标签之前。

【解决方案2】：

最佳做法是在页面底部使用script。它会降低页面渲染速度。

阅读文章Yahoo best practices for page speed，尤其是“将脚本放在底部”部分。

【讨论】：

重新“在页面底部”：但在</body>标签之前。如果 'script' 标签是 after '

【解决方案3】：

带有 jQuery 库引用的 <script> 标记必须在 <head> 或 <body> 标记内？

是的。

将它放在其中一个或另一个（尤其是在正文的末尾）可能会带来性能优势，尽管这是在延迟 JS 可以运行的时间和在 JS 下载和解析时阻止加载其他内容之间的权衡.

【讨论】：

这里肯定有关于aync 加载的内容吗？ stackoverflow.com/questions/1834077/…

【解决方案4】：

来自Put Scripts at the Bottom：

脚本导致的问题是它们会阻止并行下载。 .如果可以推迟脚本，也可以将其移至页面底部。这将使您的网页加载速度更快。

是的...在您的<body> 底部。

【讨论】：