javascript - 使用 JavaScript，有哪些选项可以设置当前选定的导航项？

Question

使用 JavaScript，有哪些选项可以设置当前选定的导航项？

假设每当有人点击导航链接时页面都会刷新，唯一的方法是在服务器端执行此操作或通过查找当前 URL 动态设置它？

还有其他技巧吗？

Answer 1

window.location.pathname属性是可靠的，如果您要使用子字符串与菜单中链接的 href 进行比较，那么速度会很快(即无需正则表达式测试)。

var menuLinks = document.getElementById('menu').getElementsByTagName('a');

for (var i = 0; i < menuLinks.length; i++) {
  if (menuLinks[i].href.indexOf(window.location.pathname) > -1) {
    doSomething();
  }
}