如何使用jQuery将正文类添加到首页和内部页面？

Question

下面的jQuery函数可以正常工作，并根据URL向/signin/页面上的<body> HTML元素添加full类。

// add full class to sign in page body based on url

$(function() {
    var loc = window.location.href; // returns the full URL
    if(/signin/.test(loc)) {
    $('body').addClass('full');
  }
});

我想在首页/首页上完成完全相同的操作，或者在同一功能内完成/ URL。 我该怎么做呢？

Answer 1

正则表达式很慢。 更快的方法：

function() {
    var loc = window.location.pathname; // returns the pathname
    if(loc == '' || loc == '/') {
        $('body').addClass('full');
    }
});

Answer 2

使用适当的正则表达式。 /^\\/$/在您的情况下。

/^\/$/.test('/') // true
/^\/$/.test('/asdf')  //false

根据您的情况进一步添加。 我会使用window.location.pathname

$(function() {
    var loc = window.location.pathname; // returns the pathname
    if(/^\/$/.test(loc)) {
        $('body').addClass('full');
    }
});

如何使用jQuery将正文类添加到首页和内部页面？

问题描述

2 个解决方案

解决方案1
1 已采纳 2016-09-01 21:00:20

解决方案2
0 2016-09-01 20:43:42

如何使用jQuery将正文类添加到首页和内部页面？

问题描述

2 个解决方案

解决方案1 1 已采纳 2016-09-01 21:00:20

解决方案2 0 2016-09-01 20:43:42

解决方案1
1 已采纳 2016-09-01 21:00:20

解决方案2
0 2016-09-01 20:43:42