页面



比方说有4个页面    
<a href="页面1">1</a><a href="页面2">2</a><a href="页面3">3</a><a href="页面4">4</a>
都有上面4个html
默认a标签是黑色
点击1 跳转到页面1 保证这个a标签变成绿色 其他标签是黑色
点击2 跳转到页面2 保证这个a标签变成绿色 其他标签是黑色
点击3 跳转到页面3 保证这个a标签变成绿色 其他标签是黑色
点击4 跳转到页面4 保证这个a标签变成绿色 其他标签是黑色


我想过2个方法 
1 判断当前地址 来决定变颜色 但这样要给每个a添加不同的class  但这个方法不适合动态 如果多加几个a 就没用了
2  如果绑定bind click 每次跳转页面js都要重新加载也没用 
 
求大神给点思路

------解决方案--------------------
一般这种东西，类似页面的导航，当页面转向某一标签页时，该该标签导航即为选中样式，而其他标签则是默认样式

因为导航存在于所有页面，那么你值需要在页面加载前设置当前标签为选中即可

function setTab(index)
{
//根据传来的index设置哪个标签选中
}

那么每个页面加载前，可以调用setTab(1);  setTab(2);....以此来选中当前标签

或者你通过地址栏传值比如 1.html?tab=1 获取tab值，然后设置选中

不过推荐使用第一种方式