Javascript 静态html页面中的活动菜单

我有一个单页眉和页脚的网站，我在主页和关于页面中包含页眉和页脚，活动类是如何工作的

使用javascript和CSS是唯一的方法吗？

var url=window.location.href；
var page=url.substr（url.lastIndexOf（'/'）+1）；
若有（第页）{
$（'#menu_持有人li[href=“”+page+'“]”）。addClass（'active'）；
}否则，如果（第页）{
$（'#menu_holder li[href=！“'+page+''']）.addClass（'active'）；
}否则{
$（'#菜单_持有者li:first'）.addClass（'active'））
}

.link\u激活{
背景：#fff；
颜色：红色；
}

var url=window.location.href；
var page=url.substr（url.lastIndexOf（'/'）+1）；
若有（第页）{
$（'#menu_持有人li[href=“”+page+'“]”）。addClass（'active'）；
}否则，如果（第页）{
$（'#menu_holder li[href=！“'+page+''']）.addClass（'active'）；
}否则{
$（'#菜单_持有者li:first'）.addClass（'active'））
}

.link\u激活{
背景：#fff；
颜色：红色；
}

我知道它在那里不能正常运行，所以我给你我的git repo for clone:。（虚拟示例）

注意：

您需要在主机中运行：。或其他。。我运行it vs代码（实时服务器）

我通过匹配window.location.pathname和a href url来实现

也许有很多方法可以匹配当前路径和标记url

如果您有问题，请评论。我也需要为自己的目的解决这个问题

//加载页面并刷新页面后，此操作将运行到当前活动状态

我知道它不会在那里正常运行，所以我给你我的git repo for clone:。（虚拟示例）

注意：

您需要在主机中运行：。或其他。。我运行it vs代码（实时服务器）

我通过匹配window.location.pathname和a href url来实现

也许有很多方法可以匹配当前路径和标记url

如果您有问题，请评论。我也需要为自己的目的解决这个问题

//加载页面并刷新页面后，此操作将运行到当前活动状态

它可以工作，但是，我尝试只使用JavaScript，在JavaScript中如何使用？那是

JavaScript

我写的，我不知道你在期待什么。它可以工作，但是，我尝试只使用JavaScript，在JavaScript中如何使用？那是

JavaScript

我写的，我不知道你在期待什么。如何在

tag@andrewghosh请了解javascript dom遍历。。。。这很简单…@andrewghosh您需要执行类似btn.parentElement.classList.add（'active'）的操作。。这取决于我们的html结构（节点树）…如何在

tag@andrewghosh请了解javascript dom遍历。。。。这很简单…@andrewghosh您需要执行类似btn.parentElement.classList.add（'active'）的操作。。这取决于我们的html结构（节点树）。。。