Javascript 单击链接时如何保持活动状态

我知道当你点击链接时，一个活跃的元素会被激活。是否仍有将活动状态传递到下一页的方法

是否仍然可以通过javascript执行此操作，以便删除活动状态并将活动状态添加到下一个链接。如果有人能帮我的话，我的活动状态有点问题

这是HTML

<ul class="list-type">
<li class="active"><a href="#">Item 1</a></li>
<li><a href="#">Item 2</a></li>
<li><a href="#">Item 3</a></li>
<li><a href="#">Item 4</a></li>
<li><a href="#">Item 5</a></li>
<li><a href="#">Item 6</a></li>
</ul>

这是一把JS小提琴：

---

您可以从

文档中获取URL。URL

从那里只需迭代所有链接和 比较他们的

href

您可以尝试以下方法：

var links = document.getElementsByTagName('a');
for (var i= 0 ; i<links.length ; i++){
 if(links[i].href == document.URL){
    var currentClass = links[i].className;
    links[i].className = currentClass + " active"; 
 }
}

var links=document.getElementsByTagName（'a'）；
对于（var i=0；iSo您想使用Javascript将
active
类添加到当前页面上吗？转换是通过Ajax完成的吗？否则最好只使用后端代码来完成。尝试使用jquery添加active类？如果我单击列表中的第二个链接，那么很明显，它将位于具有自己列表的新页面上，然后是active state在那里是“活动”的，所以javascript解决方案是最好的？thgaskell：访问不是我想要的，因为它们都会突出显示。它意味着在你当前所在的任何页面上都是活动的。我已经尝试过了，但在我将问题发布到这里之前，似乎无法在JS Fiddle上工作。
var links = document.getElementsByTagName('a');
for (var i= 0 ; i<links.length ; i++){
 if(links[i].href == document.URL){
    var currentClass = links[i].className;
    links[i].className = currentClass + " active"; 
 }
}