Как сделать ссылку активной для каждой страницы? [дубликат]

var curpath = location.pathname.match(/^\/[^/]+/); 
var link = curpath && document.querySelector('nav a[href="' + curpath[0] + '"]'); 
 
if (link) { 
  link.className += ' active'; 
}

nav a { 
  display: block; 
  background: #eee; 
  color: #010101; 
} 
 
nav a.active { 
  background: #010101; 
  color: #eee; 
}

<nav> 
  <ul> 
    <li><a href="/about">about</a></li> 
    <li><a href="/js">js</a></li> 
    <li><a href="/info">info</a></li> 
  </ul> 
</nav>