js控制CSS样式的问题

Question

在top.php页面中有
<div class="menu">
<ul>
<li> <a   href="index.php"> 主页 </a> </li> 
<li> <a   href="product.php" class="current"> 产品 </a> </li> 
<li> <a   href="service.php"> 服务 </a> </li> 
<li> <a   href="support.php"> 支持 </a> </li> 
<li> <a   href="order.php"> 订购 </a> </li> 
<li> <a   href="news.php"> 新闻 </a> </li> 
<li> <a   href="about.php"> 关于 </a> </li> 
</ul>
</div>当用户单击"主页"时,将首页 <a> </a> 标签添加class="current",并将产品的 <a> 标签的class变为空..... 怎么实现？这个top.php文件include到所有页面中，我是用js获得地址栏的url 和a中的href相匹配（indexof），如何匹配到了就改变a的className="current"，其他的为空，但当页面载入需要很久时，那个效果就有延迟了，大家是如何来做的啊。

Answer 1

document.getElementById("主页a定义一个ID号").className="样式表的CSS"document.getElementById("产品a定义一个ID号").className=""

Answer 2

首先给菜单部分每个A一个ID;
然后：var AllA=document.getElementByTagName("A");
遍历每个A,找每个A，找到当前URL的A设置class,最后删除其他的A的class

Answer 3

还是要获得地址栏的url来匹配...?没有好的方法吗?可以用cookie来实现吗?

Answer 4

地址栏的url,就是：location.href,取得里面的文件名部分就可以进行匹配了。

Answer 5

都说我已经用获得地址栏中的url来实现了,但出现了延迟的问题...想弄好好点的方法.