在HTML中加载/调用javascript的适当位置

我注意到有一种通用行为，即在HTML的

head

标记中声明javascript，后跟

body

和其余内容。当我们有jQuery或任何其他库文件要在项目中引用时，通常都会使用这种方法

为什么我们需要在HTML的

head

标记中添加javascript

及

如果我们将其添加到

body

标记中，浏览器的页面呈现性能是否会有任何变化，这会有什么区别

---

例如，我想了解以下场景。考虑我的JavaScript包含一行，

$（SomeHTMLTag）。替换（“%data%，NewName”）；

现在，如果我在标题标记中添加此javascript，我的HTML页面将使用newName呈现

---

其次，如果我在呈现

SomeHTMLTag

后在HTML的末尾添加javascript，那么在这种情况下，是否会首先使用默认名称然后使用新名称重复呈现

SomeHTMLTag

？

您可以在HTML文档中放置任意数量的脚本

脚本可以放在中，也可以放在HTML页面的节中，或者两者都放

注意：将所有代码放在一个地方始终是一个好习惯

---

你把它放在

头上的原因是要立即加载你需要的任何东西，并将你的非DOM（JS和CSS）分开

但是，除非scrips加载了
async
标记，否则它们会阻止页面加载。因此，将脚本标记放在
正文
标记的末尾实际上是一种不错的做法，并且作为额外的好处，您不必等待
DOMReady
事件开始操作DOM，因为元素已经加载了在高性能页面上工作，我经常把我的脚本标记放在
正文的末尾
Javascript引用可以添加到正文标记的最后一个语句中。大多数Javascript都需要在html呈现后执行，这样JS就不应该在head标记中。如果它在head标记中，并且认为引用的JS是1MB，那么JS将l首先通过浏览器下载，然后html将呈现，因此需要一些时间。如果它位于内容的底部，则html将首先呈现，用户将尽快看到响应。
在Javascript中，脚本标记可以插入到


在两个主体标记之间
在两个头部标签之间

*在两个头部标签之间-*
浏览器是自上而下工作的，因此在加载任何HTML或CSS元素之前都会对脚本进行解析。这意味着如果将脚本标记移动到两个头标记之间（尽可能位于顶部），则页面呈现速度会变慢

*在两个主体标记之间-*
浏览器在此事件中自上而下工作
在读取脚本之前，将加载网页本身。
这还可以提高渲染性能。为了获得最佳效果，请尽早渲染html、css，最后渲染脚本

因此，如果顶部的脚本速度较慢，则可能会延迟或阻止页面的其余部分呈现。
[此处已回答，请单击文本转到链接][1][1]：