我应该在哪里声明页面中使用的JavaScript文件？在附近？

Question

我正在阅读一个教程，作者提到要在HTML的结束body标记（</body>）附近包含Javascript文件。

我想知道我不应该声明/定义本head节中包括的JavaScript是什么类型的功能？对我来说有意义的是，在结束body标记附近包含JavaScript（例如Google
Analytics（分析））。在结束body标记附近定义JavaScript include时应注意什么地方？

Answer 1

通常会争辩说，为了提高速度，您应该将脚本标签放在文档的末尾（在close body标签之前）。尽管这将导致最快的页面加载，但它也有一些严重的缺点。

首先，网页开发的一个常见习惯是在中间有一个头文件，一个脚注文件和您的内容。为了将不必要的Javascript减至最少，您经常需要在各个页面中放置代码段。

例如，如果在文档末尾包含jquery，则必须 在 此 之后 发生jquery代码段（如文档就绪的东西）。从发展的角度来看，这可能很尴尬。

其次，根据我的经验，由于页面加载速度更快，您最终可能会注意到正在应用某些效果，因为在应用页面时页面已经加载完毕。

例如，如果您将表放在文档中，并且在body close标签之前：

$(function() {
  $("tr:nth-child(odd)").addClass("odd");
});

通过适当的样式，通常可以看到所应用的效果。我个人认为这可能会带来不良的用户体验。我认为通常最好不要让页面加载 稍微慢一些（通过将脚本放在顶部），如果您不感到不安的视觉效果。

我通常提倡有效的缓存策略，因此您只需要在Java文件发生更改时就下载它们，就像在PHP中使用Supercharging
Javascript一样（但原理适用于任何语言，而不仅限于PHP），并且仍然将脚本放在顶部。方便得多。