一个JS文件适用于多个页面 [已关闭]

9 浏览
0 Comments

一个JS文件适用于多个页面 [已关闭]

我通常将所有的JavaScript脚本放在一个文件中，比如scripts.js（HTTP请求越少越好）。因此，预期的是，某些脚本只在某些页面上需要，而其他页面则不需要。

为了针对特定页面，我会使用类似以下的代码：

if ($("body#share").length > 0) {
    // 在ID为'share'的页面上放置与该页面相关的逻辑...
}
// 文件/脚本继续...

还有其他更好的建议吗？谢谢！

澄清：我并不是在寻求将多个JS文件合并成一个大文件和保持多个单独JS文件之间的利弊。对于这个问题的答案肯定是“取决于情况”（我们知道这一点）。我的问题是，假设我所有的JS逻辑都放在一个大文件中，我如何使特定的（一段）脚本仅在相应页面加载时运行？我曾经使用的一种方法是使用if ($('#id-of-target-element')) { /* 运行脚本 */}；还有更好的方法吗？

0