Question

是否有javascript代码可以检测我的用户所在的页面，然后将类添加到ul项？我想将我的菜单放在我的静态HTML网站中的单独文件中，然后使用PHP include添加它，但我希望class="current"用于当前页面。

Answer 1

if(window.location == 'myfixedurl')
{
    document.getElementById('menuList').className += 'current';
}

你可能想调整window.location以便它查看相对路径，或绝对没有主机名等。

请记住，如果用户禁用JavaScript，他们将无法获得他们所在页面的可视指示符。

如果您有权访问PHP，为什么不在服务器端代码而不是客户端代码？

Answer 2

您可能对window.location或window.location.pathname感兴趣。

我建议你在PHP中使用它，不管你是否已经在使用它。

Answer 3

绝对...为当前状态创建一个css类，然后通过JavaScript动态地将类添加到ul元素...

/*css*/

#nav li.current  {
background-color:#ffffff;    

}     

/*Using JQuery*/

$('#nav li a').each(function(){

var path = window.location.href;
var loc = path.substring(path.lastIndexOf('/')+1);
var url = $(this).attr('href');

if(url == loc){
$(this).parent().addClass('current');
};
});

Answer 4

我会用PHP做，但你可以使用像window.location

这样的东西

用于检测当前页面的Javascript代码

4 个答案: