Question

如何检测URL是否包含更多字符串并添加一个类基本上我想添加一个类，如果是主页还是内页

示例： 如果网址是：https://example.com =>在正文中添加“主页” 并且如果网址是：https://example.com/2018/04/test.html或正文中.com =>之后的任何内容，请添加类“ inner-page”

$(document).ready(function() {
    if(url.indexOf('example.com') > -1){
        $("body").addClass("home-page");
    }
});

对于内件不起作用

Answer 1

您的答案的问题是，只要URL包含“ example.com”，它将返回true。因此，您可能需要检查路径名：

document.body.setAttribute("class", (location.pathname.length <= 1 ? "home-page" : "inner-page"))
    console.log(document.body.className);

//returns "inner-page"

Answer 2

也许您可以使用document.location.pathname这样确定要分配的类：

$(document).ready(function() {

    var url = document.location.pathname;

    if(url === '/'){
        $("body").addClass("home-page");
    }
    else {
        $("body").addClass("inner-page");
    }
});

如果url有更多字符串，则添加类

2 个答案: