菜單標簽的選擇/活動樣式取決於url，javascript函數中的file.php

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屬性（只是為了更容易操作），則可以執行以下操作（將腳本附加到正文的加載或腳本的末尾）：

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