javascript - 仅在特定 URL 时在全局文件中执行 Javascript

Question

为了扩展稍微错误的标题，我有一个网站，它使用适量的 jQuery 来提高可用性，例如渲染图形和执行 AJAX 请求。目前，所有内容都集中在一个看起来相当可怕的main.js文件中，该文件包含在每一页上。

我想通过重构代码来改进这一点。例如，如果用户位于某个 URL，我只希望呈现某个 AJAX 请求和图形。同样，我希望特定事件仅在用户位于其他 URL 时触发。

我正在努力解决的问题是检测用户何时位于某个 URL。我可以使用window.location，尽管这看起来很老套，并且会根据查询字符串和http://或https://. 我过去曾看到其他网站为其网站提供了一个巨大的对象，并像下面这样使用它：

var site = new Site.getInstance();
site.init();
site.doWhatever();

基本上我的问题归结为，我如何正确和整齐地为我的整个网站构建一个充满 jQuery 的 Javascript 文件，同时仍然保留它main.js而不是将它分成多个文件？

score 0 · Accepted Answer

nnnnnn 在他的评论中有一个好主意，这是另一个：

window.location不是一个公正的字符串，虽然它的行为看起来像一个。它有一个称为的简洁属性pathname，它为您提供所需的信息。

如果 URL 为http(s)://yourdomain.com/pages/default.phpAFAIK，则window.location.pathname不管pages/default.php查询字符串和协议如何。

1 回答 1