js问题

Question

目前是页面左边有个导航栏
里面都是超链接
比如:<a href="action.do">XXXXXXXX</a>
现在想要实现的是，每次点击一个超链，执行完action之后，返回页面里面，导航栏里面的被点击的超链接加亮
也就是变成:<a href="action.do" class="act">XXXXXXXX</a>
同时保持其他超链接原样。
以此类推，点击其他超链接的时候，先前被加亮的超链接还原成原来模样，当前被点击的超链接加亮。
这个怎么实现呀？
麻烦高手指点。
注意的问题是，每次点击导航栏，导航栏也跟着页面一起刷新。

Answer 1

给a一个name， name="lk"
每个页面中加入 window.onload, 判断url是否和 a.href匹配<style>
.act{color:red}
</style>
<script>
window.onload=function(){
var url = location.href.toLowerCase();
var a = document.getElementsByName("lk");
for(var i=0;i<a.length;i++){
if(url.indexOf(a[i].href.toLowerCase())!=-1){
a[i].className = 'act';
break;
}
}
}
</script><a name="lk" href="">XXXXXXXX </a> 
<a name="lk" href="">XXXXXXXX </a> 
<a name="lk" href="">XXXXXXXX </a> 
<a name="lk" href="">XXXXXXXX </a> 

Answer 2

那要是在onclick里面调用的function，fanction里面执行的action路径怎么办？