javascript - 在哪里保存页面特定的脚本

Question

我是网站开发的新手，建议将所有脚本保存在一个文件中。但是如果我有一个特定的页面脚本，我应该把它也放在我的脚本文件中吗？

如果是，那么假设我在特定页面中有button一些带有事件的内容。如果我把它放在公共文件中，它不会是一个开销，浏览器会尝试不必要地尝试用?idonclickbuttonid

但另一方面，如果我将脚本保存在页面中，代码的可维护性就会受到影响。

请指导我，我怎样才能保持我的代码干净和可维护？

score 1 · Accepted Answer

如果脚本出现在多个页面上，则它属于外部文件。如果它只需要在一页上，并且只有几行长（很容易维护），那么它应该在那个文件中。

在尝试对它进行任何操作之前，您应该使用 if 语句来检测按钮是否存在。在这种情况下，它不会增加页面的开销，您可以使用通用脚本文件。另请记住，浏览器可以缓存 javascript 文件，因此将您的通用代码包含在每个页面上使用的单个文件中可以减少总体平均页面加载时间。

score 1 · Accepted Answer

在我看来（这是和观点），脚本应该总是在外部文件中。

如果您只需要在一个页面上使用脚本，则可以将其单独包含在该页面上。

在页面上添加内联脚本的问题是对该页面的后续请求每次都必须重新加载脚本。如果脚本是外部的，它会被浏览器缓存。如果您决定要在第二页上使用该脚本，那么如果它已经是一个外部文件，则转储会更容易。

请记住，一切都是从一次性开始的。

要解决有关在每个页面上包含短脚本的问题，请运行性能分析，了解该一次性执行对页面性能的影响程度。我经常编写具有以下结构的脚本（为简洁起见，使用 jQuery）：

$('.widget').each(function () {
    $(this).widget($(this).data('widget'));
});

请注意，如果所选内容与页面上的任何元素都不匹配，则不会运行内部函数。这种加载和执行的开销是如此之小，以至于我在整个网站中都包含了这些类型的初始化程序，即使它们只用于一两个页面，因为它们不会显着影响页面性能。

2 回答 2