参照百度例子写了导航条高亮JS，发现只有第一个能高亮，其他不能

Question

新手试着写一个网页练手，卡在导航条高亮，百度过试用了很多种 js 方法还是不行。请大神指导下 我照着百度实例写的JS代码 别人可以而我就不能 研究一下午没结果 我写得不对么？还是写错了，表示知识浅看不出错误....

html代码：

<ul class="nav" id="nav">
    <li class="nav_menu"><a href="index.html">HOME</a></li>
    <li class="nav_menu"><a href="about.html">ABOUT</a></li>
    <li class="nav_menu"><a href="practices.html">PRACTICES</a></li>
    <li class="nav_menu"><a href="ourlawyers.html">OURLAWYERS</a></li>
    <li class="nav_menu"><a href="news.html">NEWS</a></li>
    <li class="nav_menu"><a href="contact.html">CONTACT</a></li></ul>
js代码：
function navHighLinght(){
    if(!document.getElementById || !document.getElementsByTagName) return false;
    if(!document.getElementById("nav")) return false;
    var nav = document.getElementById("nav").getElementsByTagName("a");
    var current_url = window.location.href;
    for(var i=0; i<nav.length; i++){
        var links = nav[i].getAttribute("href");
        if(current_url.indexOf(links) != -1){
            nav[i].className = "active";
            var linktext = nav[i].lastChild.nodeValue.toLowerCase();
            document.body.setAttribute("id",linktext);
        }
    }}

Answer 1

没有问题呀，只是这你些代码需要在每个页面中都要有。