如何在具有特定URL的所有页面上进行更改

Question

我有一个列表或需要向其中添加正文类的URL。 URL列表可在queryStrings变量中找到。 这是我当前的代码：

    var myUrl = window.location.href;
    var queryStrings = ["www.site.com/test", "www.site.com/test2"];
    var allPresent = CheckIfAllQueryStringsExist(myUrl, queryStrings);

    if (allPresent == false) {

    } else {
        document.body.classList.add("module-ads");
    }

    function CheckIfAllQueryStringsExist(url, qsCollection) {
        for (var i = 0; i < qsCollection.length; i++) {
            if (url.indexOf(qsCollection[i]) == -1) {
                return false;
            }
        }
        return true;
    }

现在，即使我在www.site.com/test页面上，allPresent也等于false。

Answer 1

您的CheckIfAllQueryStringsExist错误。

更改为：

function CheckIfAllQueryStringsExist(url, qsCollection) {
    for (var i = 0; i < qsCollection.length; i++) {
        if (url.indexOf(qsCollection[i]) != -1) {
            return true;
        }
    }
    return false;
}

Answer 2

您正在检查URL以查看它是否包含数组，该数组是向后的。

另外，您在这里不需要任何循环。 只需检查数组中当前URL的存在，而不是到第一个if语句的空true分支，只需反转测试逻辑，以便您只能拥有一个分支。

var myUrl = window.location.href;
var queryStrings = ["www.site.com/test", "www.site.com/test2"];
var allPresent = CheckIfAllQueryStringsExist(myUrl, queryStrings);

if (allPresent) {
    document.body.classList.add("module-ads");
}

function CheckIfAllQueryStringsExist(url, qsCollection) {
  // Just return whether the array contains the url
  return qsCollection.indexOf(url) > -1;
}

Answer 3

看一下window.location对象，它将为您提供许多其他方式来匹配您的url。

https://developer.mozilla.org/zh-CN/docs/Web/API/Location

href将返回协议，因此您可以在每个href检查上加上“ https：//” +，也可以使用location.pathname或其他名称。

Answer 4

您可以使用数组函数.includes()进行检查。 否则，@ gaetanoM答案就是您要寻找的答案。

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/includes

 var myUrl = window.location.href; var queryStrings = ["www.site.com/test", "www.site.com/test2"]; var allPresent = queryStrings.includes(myUrl); if (allPresent == false) { // do something } else { document.body.classList.add("module-ads"); }