Определить, находится ли посетитель на странице индекса с помощью сценариев на стороне клиента

Question

Можно ли определить, находится ли посетитель на странице индекса или в корневом домене с помощью сценариев на стороне клиента?

Я полагаю, что javascript был бы лучшим методом, так как я хотел бы добавить значение в файл изображения, основываясь на том, находится ли посетитель на главной странице или нет.

Неиндексированная страница:

<img src="/img/logo.png" />

Страница указателя:

<img src="/img/logo-home.png" />

Answer 1

Другое решение, без базового URL.

if ( window.location.pathname === '/' ){
    //code for index page

}else{
    //other tasks    
}

Answer 2

var homeUrl = 'http://www.example.com';
if ( document.URL == homeUrl ){
    // true
}else{
    // false    
}

Теперь добавьте идентификатор в тег изображения в HTML:

<img src="/img/logo-home.png" id="logotype" />

Теперь вы можете легко найти тег изображения с помощью javascript и изменить источник изображения в зависимости от того, где вы находитесь на сайте.

$(document).ready(function(){

    var homeUrl = 'http://www.example.com';
    var logotypeHome = '/img/logo-home.png';
    var logotypeGeneral = '/img/logo-general.png';

    if ( document.URL == homeUrl ){
        $('#logotype').attr("src", logotypeHome);
    }else{
        $('#logotype').attr("src", logotypeGeneral);   
    }

});

Я бы по-прежнему настоятельно рекомендовал использовать решение на стороне сервера для такой вещи. Если на клиенте не включен JavaScript, это не сработает. Также на изображении может быть вспышка, когда javascript меняет источник логотипа.