Question

是否可以通过客户端脚本检测访问者是否在索引页面或域根目录上？

我认为javascript是最好的方法，因为我想根据访问者是否在主页上附加值到图像文件。

非索引页面：

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

索引页：

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

Answer 1

另一种没有基本网址的解决方案。

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中的图片标记上添加一个ID：

<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更改徽标源时，图像上也会有闪光灯。

检测访问者是否在具有客户端脚本的索引页面上

2 个答案: