javascript - 根据当前页面以不同颜色突出显示主菜单中的链接

Question

如何根据当前页面用不同颜色突出显示主菜单中的每个链接？

例如，当当前页面是联系我们时，将主菜单中的联系我们链接颜色更改为红色
并在当前页面是关于我们的时候将主菜单中关于我们的链接颜色更改为橙​​色等等

Answer 1

您可以使用 javascript 来执行此操作:

首先，检索您当前的 url 路径:

var pathname = window.location.pathname;

例如，返回“/contact.html”然后您可以使用此值来确定要突出显示的元素:

if(pathname == "/contact.html"){
   document.getElementById("contact").addClass("hilighted");
}

等等。