javascript - 将 block JavaScript 代码映射为仅在特定页面上运行

Question

我目前正在使用 webpack 将所有 .js 捆绑到一个 app.js 中，该 app.js 在我项目的所有页面中使用。然而，我遇到了一个问题，一个页面的代码干扰了另一个页面(不需要的地方)!如果存在相同的选择器，则选择器上的事件监听器将在其他页面上触发!

当在整个应用程序中使用一个 JavaScript 文件时，如何在特定页面上运行应用程序上的特定代码？

Answer 1

您可以使用window.location.pathname来获取页面的url

var url = window.location.pathname;
var filename = url.substring(url.lastIndexOf('/')+1);
if (filename == 'thepageyouwant') [
  // run your javascript
}