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

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（只是为了便于操作），您可以执行以下操作（将脚本附加到正文的加载或脚本末尾）：

<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');
}