How to add body class to front page & an internal page using jQuery?

Question

The jQuery function below works properly, and adds a full class to the <body> HTML element on the /signin/ page based on the URL.

// 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');
  }
});

I want to accomplish the exact same thing on the front/home page, or / URL within this same function. How do I do this?

Answer 1

Regexes are slow. A faster way:

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

Answer 2

Using an appropriate regex. /^\\/$/ in your case.

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

Further adding to it in your case. I would, use window.location.pathname

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

How to add body class to front page & an internal page using jQuery?

Question

2 answers

solution1
1 ACCPTED 2016-09-01 21:00:20

solution2
0 2016-09-01 20:43:42

How to add body class to front page & an internal page using jQuery?

Question

2 answers

solution1 1 ACCPTED 2016-09-01 21:00:20

solution2 0 2016-09-01 20:43:42

solution1
1 ACCPTED 2016-09-01 21:00:20

solution2
0 2016-09-01 20:43:42