javascript - 检查确切的 URL

Question

我在检查我网站页面中的 URL 时遇到问题。这就是我的。

检查确切的字符串效果很好:

var url = location.pathname;
if ("url:contains('texas-ignition-interlock')") {
  $("body").addClass("texas-ppc-page");
}

但是当我有包含相似词的页面 url 时，两个类都被添加到两个页面。

var url = location.pathname;
if ("url:contains('texas-ignition-interlock-device')") {
  $("body").addClass("texas-ppc-device-page");
}

我也尝试了 indexOf，但对具有相似名称的页面不起作用。这是我尝试过的，这适用于第一个示例。第二个示例也将添加第一个类。

if (window.location.href.indexOf("texas-ignition-interlock") > -1) {
  $("body").addClass("texas-ppc-page");
}

if (window.location.href.indexOf("texas-ignition-interlock-devices") > -1) {
  $("body").addClass("texas-ppc-device-page");
}

现在，我仍然可以使用 indexOf 版本。我会简单地使用类 .texas-ppc-page 将内容定位在一页上，而在第二页上我将使用类 .texas-ppc-page.texas- ppc-设备页面.

使用 JS 或 jQuery 有更好的方法吗？

Answer 1

您可以使用 split("/") 将 location.pathname 拆分为字符串数组。location.pathname 将类似于 /questions/41968769/checking-for-exact-url 因此用“/”拆分此字符串将导致

["", "questions", "41968769", "checking-for-exact-url"]

现在您可以执行 indexOf("")，如果字符串完全匹配，它将返回非 -1 值，就像在这种情况下，如果我执行 indexOf("url") 函数将返回 -1，如果我执行 indexOf( "checking-for-exact-url") 它将返回 3。