导航栏点击链接，同时跳转和设置背景色？

Question

网站的导航栏是一个单独的文件，运行时，由后台加载到每个页面。
现在导航栏有五个链接，处于当前子导航的链接加有背景色（class＝"on"），点击另一个链接时，怎样做能达到同时跳转页面和增加背景色（class＝"on"）？

    <a class="on" href="">导航一</a>
    <a href="">导航二</a>
    <a href="">导航三</a>
    <a href="">导航四</a>
    <a href="">导航五</a>

和这个问题一样，怎么保证在页面跳转后，导航栏点击后增加class，但是我没有使用模板，所以那个答案不适合。

Answer 1

每次进入一个页面后，先用js判断一下URL，然后再对对应的导航栏添加激活标志

Answer 2

:vistied 伪类

:vistied {
  background-color:yellow;
}

未访问、已访问、悬浮和活动链接

a:link    {color:blue;}
a:visited {color:blue;}
a:hover   {color:red;}
a:active  {color:yellow;}

Answer 3

可以把每个页面的导航样式写好。跳转过去就是这个固定样子。