Javascript颜色转换器仅在第二次单击时更改颜色？

所以我有一个导航栏，我试图使它突出显示当前选项卡，但是我的javascript不起作用，它只在第二次单击时起作用，并且只有在双击时才起作用

功能更改（id）{
var navBarLinks=document.getElementsByClassName（“navLinks”）；
对于（i=0；i如果您真正想要的是一种在导航栏中高亮显示当前页面的方法，那么可以使用JavaScript/jQuery执行以下操作：

$(function() {
   var currentPage = window.location.pathname.split('/').pop();
   $('.NavBar ul li a[href*="'+currentPage+'"]').css({
      borderTop: "4px solid #01A2A6",
      color: "#01A2A6"
   });
});

在这里，我们从url中找到文件名，然后在导航栏中设置a元素的样式，该元素的文件名为href。
第一次单击是否导航到about.html等？或者是否在代码的其他地方禁用默认功能？页面导航前颜色是否会改变？当页面导航到新页面/重新加载，这意味着JS也会重新加载。您需要将活动地址（cookie或localStorage）存储在某个位置，或者获取当前页面的地址，并将与当前页面匹配的
href
属性作为目标…尝试使用target=“\u blank”在链接上。然后查看原始页面。选项卡应该已更改。是的，Roko是正确的，而不是在链接上有onclick处理程序，让您的页面确定加载的选项卡并在初始化时正确设置样式。但是，如果每个页面都有单独的html文件，为什么不使用正确的选项卡高度设置每个页面的样式有灯光，不需要JS？