Question

我目前正在使用它：

<a href="t1.php" class="<?php if(end(explode("/", $_SERVER["PHP_SELF"])) == "t1.php") { echo 'active'; } else {} ?>">Tab2</a>
<a href="t2.php" class="<?php if(end(explode("/", $_SERVER["PHP_SELF"])) == "t2.php") { echo 'active'; } else {} ?>">Tab2</a>

但是我不喜欢用这种方式使用php，我想我在php服务器端浪费时间处理这个问题。基本上我想在javaScript中做这个，当页面加载或加载时，javascript函数根据url中的file.php来改变类并改变类。另外，请避免使用所有JQuery脚本/插件以及所有类型的东西。

也许有另一种方法可以有效地做到这一点？

希望我解释得很好。〜谢谢，我是人类。

Answer 1

如果您可以向这些元素添加ID attr（只是为了更容易操作），您可以执行以下操作（将脚本附加到正文的onload或脚本的末尾）：

<a href="t1.php" id="tab1">Tab2</a>
<a href="t2.php" id="tab2">Tab2</a>

JavaScript的：

var ThisLocation = document.location.href;
if(ThisLocation.indexOf('t1.php') !== -1)
{
    document.getElementById('tab1').setAttribute('class', 'active');
}
else if(ThisLocation.indexOf('t2.php') !== -1)
{
    document.getElementById('tab2').setAttribute('class', 'active');
}

菜单选项卡选择/活动样式取决于url，javascript函数中的file.php

1 个答案: