Javascript - Conditional using the domain name

Question

I have solve a solution that make conditional to know if I'm NOT in the index page, the background image of an element should be none. How can I do this without need to write the page domain? A solution better than this:

if(window.location.href != 'http://example.com/'){
  document.querySelector('.menu-principal')
  .style.backgroundImage = 'none' 
}

I'm only want to know if I'm in the index page or Not, without need to write the page domain.

Use a string replacement to replace your scheme://domain.tld/ with "" then you will only have your resource path left. — awiebe
– awiebe, Commented Oct 26, 2018 at 1:52
Ignore this fact that i'm using '/' or '//' it isn't the issue root. The SO blocked my post when I wrote '//' in the domain — claudiopb
– claudiopb, Commented Oct 26, 2018 at 1:54
It was blocking the mysite.com part of it, just change to example.com and it will be accepted (hope that's OK) — CertainPerformance
– CertainPerformance, Commented Oct 26, 2018 at 2:01

CertainPerformance · Accepted Answer · 2018-10-26 01:57:15Z

2

One option is to check location.pathname, which will hold everything in the URL string past the domain - for example, for this page, whose URL is

https://stackoverflow.com/questions/53000339/javascript-conditional-using-the-domain-name/53000364

the pathname is

/questions/53000339/javascript-conditional-using-the-domain-name/53000364

When on an index page, even when there's no trailing / in the URL string, the pathname is /. So, if your pathname is anything other than /, you know that you're on somewhere other than the index page:

if (window.location.pathname !== '/'){
  document.querySelector('.menu-principal')
    .style.backgroundImage = 'none' 
}

edited Oct 26, 2018 at 1:57

answered Oct 26, 2018 at 1:52

CertainPerformance

373k55 gold badges354 silver badges359 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Jack Bashford · Accepted Answer · 2018-10-26 01:56:53Z

0

Use this:

var { pathname } = window.location;

if (!(pathname == "" || pathname == "/" || pathname == "/index.html")) {
    document.querySelector(".menu-principal").style.backgroundImage = "none";
}

So the following would all be the index page, and therefore the background image would be visible:

https://stackoverflow.com
https://stackoverflow.com/
https://stackoverflow.com/index.html

answered Oct 26, 2018 at 1:56

Jack Bashford

44.3k11 gold badges56 silver badges84 bronze badges

Collectives™ on Stack Overflow

Javascript - Conditional using the domain name

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related