导航条的判断代码没起作用，大家帮忙看看哈，急

<head>
<style>
.navigation{ width:990px; height:31px}
.navigation div{ float:left;}
.ac {FONT-WEIGHT: bolder; FONT-SIZE: 14px; FLOAT: left; WIDTH:81px; LINE-HEIGHT:31px; HEIGHT:31px; TEXT-ALIGN: center; background:#ccc; margin-right:1px}
.ac a:link,.shuxinselect a:visited,.shuxinselect a:active {COLOR:#fff;  text-decoration:none}
.ac a:visited{COLOR:#fff;  text-decoration:none}
.default {FLOAT: left; WIDTH:81px; HEIGHT: 31px; margin-right:1px}
.default a {WIDTH:81px; HEIGHT: 31px; FONT-WEIGHT: bolder; FONT-SIZE: 14px; TEXT-ALIGN: center; LINE-HEIGHT:31px; ; display:block}
.default a:link,.shuxindefault a:visited,.shuxindefault a:active {text-decoration:none; color:#666; background:#000}
.default a:hover{ color:#666; text-decoration:none; background:#ccc}
</style>
</head>
<body>
<div class="navigation">
<div class="default"><a href="/index.aspx" name="topurl"><span>页面1</span></a></div>
<div class="default"><a href="/category.aspx?id=2" name="topurl"><span>2</span></a></div>
<div class="default"><a href="/category.aspx?id=184" name="topurl"><span>3</span></a></div>
<div class="default"><a href="/category.aspx?id=194" name="topurl"><span>4</span></a></div>
<div class="default"><a href="/category.aspx?id=198" name="topurl"><span>5</span></a></div>
<div class="default"><a href="/category.aspx?id=112" name="topurl"><span>6</span></a></div></div><script language="javascript">
function showmenu(){
    var url = document.URL;
    
    var urls = document.getElementsByName("topurl");
    for(var i=0;i<urls.length;i++){
        if(urls[i] == url){
            urls[i].parentNode.className = 'ac';
return;
        }
    }

urls[0].parentNode.className = 'ac';
}showmenu();
</body>判断语句没作用，我新建了几个页面，都用相同的代码，但是相应的导航条背景没发生变化，请问是怎么回事呢？

解决方案 »

  1.   

    if (urls[i] == url) {
    //===>
    if (urls[i].href == url) {
      

  2.   

    if(urls[i] == url){
    如果我没看错你这个urls[i] 是一个<a>标签吧？ 
    你调试的时候 完全可以在  if里面 加入alert来判断到底有么有进入到if里面
      

  3.   


    可以进去IF，就是背景颜色没有变化，我也检查了CSS没有问题。真无语了。
      

  4.   

    全码附上，请帮帮忙看看哪儿出了问题。<head>
    <style type="text/css">
    .all{ margin:0 auto; background:url(images/top/menu_bg.gif) repeat-x; }
    #menu {margin:0 auto; width:1105px; height:51px; height:51px!important; _height:51px; }
    #menu div,#menu img {float:left}
    #menu_left {float:right;height:51px; margin-left:215px;}
    #menu_left ul { margin:0 auto; padding:0; list-style:none}
    #menu_left ul li {margin:0 auto; padding:0; width:95px; background:url(images/top/menu_img1.gif) no-repeat right; height:51px; line-height:40px; list-style:none}
    #menu_left ul li a {text-align:center; font-size:15px ; color:#fff; font-weight:bold}
    #menu_left ul li a:hover{background:url(images/top/竖条.jpg) repeat-x; text-decoration:underline;}
    #menu_left1{width:213px; height:50px; float:left; 
    background:url(images/top/menu_left1.jpg) no-repeat; text-align:center; color:#fff; font-size:22px; line-height:55px; margin-top:1px; font-weight:bold;}
    .ac {text-align:center; font-size:15px ; color:#fff; font-weight:bold; background:url(images/top/竖条.jpg) repeat-x }
    .ac a:link,.shuxinselect a:visited,.shuxinselect a:active {COLOR:#fff;  text-decoration:none}
    .ac a:visited{COLOR:#fff;  text-decoration:none}
    .default a:link,.shuxindefault a:visited,.shuxindefault a:active {text-decoration:none; color:#fff;}
    .default a:hover{background:url(images/top/竖条.jpg) repeat-x; text-decoration:underline;}</style></head>
    <div class="all">
    <div id="menu"><!--<div id="menu_left1"><span>所 有 分 类</span></div>-->
    <div id="menu_left">
    <ul>
        <li class="default"><a href="[$syspath]index.aspx">首 页 </a></li>
        <li class="default"><a href="[$syspath]mallindex.aspx" name="topurl">商城购物</a></li>
        <li class="default"><a href="[$syspath]brandindex.aspx" name="topurl">品 牌 </a></li>
        <li class="default"><a href="[$syspath]groupbuyindex.aspx" name="topurl">团 购 </a></li>
        <li class="default"><a href="[$syspath]activityindex.aspx" name="topurl">活 动 </a></li>
        <li class="default"><a href="[$syspath]guideindex.aspx" name="topurl">免费试吃</a></li>
        <li class="default"><a href="[$syspath]scoreindex.aspx" name="topurl">积分兑换</a></li>
    </ul>
    </div>
    <script language="javascript">
    function showmenu(){
        var url = document.URL;
        
        var urls = document.getElementsByName("topurl");
        for(var i=0;i<urls.length;i++){
            if(urls[i] == url){
                urls[i].parentNode.className = 'ac';
    return;
            }
        }

    urls[0].parentNode.className = 'ac';
    }showmenu();
    </script>
    </div>
      

  5.   

    可以用FF调试看下 进去if后 有没有改变class