Você pode fazer tanto com window.location.href
e verificar a URL, por exemplo:
if ( !!location.href.match("https?:\/\/pt.stackoverflow.com\/?$") ) {
alert("Página inicial")
}
Ou você pode fazer com window.location.pathname
e verificar o path da URL, por exemplo:
if ( !!window.location.pathname.match("(?:\/|index\.(?:php|asp|html?))$") ) {
alert("Página inicial")
}
Explicação do Regex 1:
https?:\/\/pt.stackoverflow.com\/?$
└┬┘ └─┬─┘
│ └──── Informa que a URL tem que terminar com `/`. http://pt.stackoverflow.com/ ou https://pt.stackoverflow.com/
└───────────────────────────────── Informa que o `s` como opcional. Isso serve tanto para http://, quanto https://
Explicação do Regex 2:
(?:\/|index\.(?:php|asp|html?))$
└┬┘ └───────────┬──────────┘
│ │
│ │
│ └──────────────── ou terminar com index.php; index.asp; index.html; ou index.htm
└─────────────────────────────── Informa que o `path` deve terminar com `/`
O !!
serve para converter o resultado em booleano.
Se você quiser algo bem mais simples, pode utilizar o slice
, por exemplo:
if (location.pathname.slice(-1) === "/") {
alert("Página Inicial");
}
if (window.location.href === '/')
na linha dois, antes de ligar a função click no elemento.