jquery - 使用 jquery 基于 URL 更改类

Question

我在 wordpress 中工作，我正在使用 jquery 在 body 标记中添加删除类。

我想将“主页”类应用于主页，而对于其他页面，我想将“内页”类应用于正文标签。

以下是我的代码。

$(document).ready(function(){
var loc = window.location.href; // returns the full URL
//alert(loc);   
if (loc == "http://n.net/") 
    {
        $('body').removeClass('innerpage').addClass('home');
        $('.widget-area').removeAttr('style');

    }else {
        $('body').removeClass('home').addClass('innerpage');
        }


});

但如果网址如下：http ://n.net/?=s

Answer 1

如果您只想匹配路径，请pathname改用：

var path = window.location.pathname;
if(path === "/") {
  // Homepage
  $('body').removeClass('innerpage').addClass('home');
  $('.widget-area').removeAttr('style');
}
else {
  // Other pages
  $('body').removeClass('home').addClass('innerpage');
}

这将匹配：

http://n.net/

http://n.net

http://n.net/?a=1

http://n.net/?a=1#hash

查看位置对象的所有属性，它包含的不仅仅是href

Answer 2

如果您只想要没有查询字符串的 URL，请使用此...

window.location.href.split("?")[0];

Answer 3

尝试这个，

$(document).ready(function(){
var loc = window.location.href; // returns the full URL
//alert(loc);   
if (loc.split('.net')[1] == '/' || loc.split('.net')[1] == '') 
{
    $('body').removeClass('innerpage').addClass('home');
    $('.widget-area').removeAttr('style');

}else {
    $('body').removeClass('home').addClass('innerpage');
    }


});