小编典典

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

html

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

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


阅读 319

收藏
2020-05-10

共1个答案

小编典典

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

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

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

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

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

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

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

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

2020-05-10