修改一段代码，想让导航条中当前页面名称显示红色，其他黑色，为什么不行呢?急死了

Question

是不是应该这样的呀：for(i=0;i<item_num;i++)
{
for(j=0;j<item_word[i].length;j++)
{
问题出在这里：childlinkred是红色 childlink是黑色，如果当前文件名与数组元素相同则显红色，错在哪里呢？
if(item_link[i][j]==location.pathname)
item[i]+=" |<span class=px7>-● </span><a class=childlinkred href="+item_link[i][j]+" onclick=javascript:this.blur();>"+item_word[i][j]+"</a><br>";
else
item[i]+=" |<span class=px7>-● </span><a class=childlink href="+item_link[i][j]+" onclick=javascript:this.blur();>"+item_word[i][j]+"</a><br>";
}
}

Answer 1

<style>
  .childlink{color:000000}
  .childlinkred{color:ff0000}
</style>
<script  language="JScript">  
   // 问题行下边有标记：
var item_num=6;  //父层菜单的行数
var item_word=new Array();  //菜单的文字
for(i=0;i<item_num;i++)
item_word[i]=new Array();
item_word[0][0]="游戏馆介绍";
item_word[0][1]="XO";
item_word[0][2]="古堡逃生";
item_word[0][3]="连环大闯关";
item_word[0][4]="数字串串烧";
item_word[1][0]="游戏馆介绍";
item_word[1][1]="同步练习";
item_word[1][2]="打通关";
item_word[1][3]="自习室";
item_word[1][4]="判对错";
item_word[2][0]="游戏馆介绍";
item_word[2][1]="考眼力";
item_word[2][2]="模仿秀";
item_word[4][0]="游戏馆介绍";
item_word[4][1]="聊聊吧";
item_word[4][2]="秀水街";var item_link=new Array();  //菜单的链接
for(i=0;i<item_num;i++)
item_link[i]=new Array();
item_link[0][0]="http://www.baidu.com";
item_link[0][1]="http://www.baidu.com";
item_link[0][2]="http://www.baidu.com";
item_link[0][3]="http://www.baidu.com";
item_link[0][4]="/game/intelligence04.aspx";
item_link[1][0]="/game/study.aspx";
item_link[1][1]="/game/study01.aspx";
item_link[1][2]="/game/study02.aspx";
item_link[1][3]="/game/study03.aspx";
item_link[1][4]="/game/study04.aspx";
item_link[2][0]="/game/leisure.aspx";
item_link[2][1]="/game/leisure01.aspx";
item_link[2][2]="/game/leisure02.aspx";
item_link[4][0]="/game/exchangechat.aspx";
item_link[4][1]="/game/exchangechat01.aspx";
item_link[4][2]="/game/exchangechat02.aspx";
var item=new Array();  //菜单的HTML
for(i=0;i<item_num;i++)
item[i]="";
for(i=0;i<item_num;i++)
for(j=0;j<item_word[i].length;j++)
{
//问题出在这里：childlinkred是红色 childlink是黑色，如果当前文件名与数组元素相同则显红色，错在哪里呢？
item[i]+=" |<span class=px7>-● </span><a id=\'northsnow" + i + "_" + j + "\' target='_blank' class=childlink href="+item_link[i][j]+" onclick=javascript:changeColor(" + i + "," + j + "," + item_word[i].length + ");>"+item_word[i][j]+"</a><br>";
}
//------------定义一个清空各菜单的函数--------------
function startItem()
{
for(i=0;i<item_num;i++)
document.all.titem.cells[2*i+1].innerHTML="";
}
//------------------定义结束----------------------function changeColor(ii,curJ,jj)
{  
   var objT;
   for(var i=0;i<jj;i++)
   {
      objT=document.getElementById("northsnow" + ii + "_" + i);
      if(objT)
      {
        if(i==curJ)
            objT.className='childlinkred';
          else
             objT.className='childlink';
      }
   }
}
function get_filename(str)  //从链接地址里提取出本文档名
{
  return str.match(/\/([^\?/]*)(\?|$)/)[1];
}//------------定义一个菜单展开的函数----------------
function openItem(n)
{
if(document.all.titem.cells[n*2+1].innerHTML=="")
{
startItem();
document.all.titem.cells[n*2+1].innerHTML=item[n];
}
else
startItem();
}
//------------------定义结束----------------------//-----------------开始实现菜单-------------------
document.writeln("<table id=titem>");
document.writeln("  <tr><td height=20 valign=bottom><span class=px7>● </span><a class=parentlink href='#' onclick=javascript:openItem(0);this.blur();>百科知识馆</a></td></tr>");
document.writeln("  <tr><td class=childlink></td></tr>");
document.writeln("  <tr><td height=20 valign=bottom><span class=px7>● </span><a class=parentlink href='#' onclick=javascript:openItem(1);this.blur();>学科练习馆</a></td></tr>");
document.writeln("  <tr><td class=childlink></td></tr>");
document.writeln("  <tr><td height=20 valign=bottom><span class=px7>● </span><a class=parentlink href='#' onclick=javascript:openItem(2);this.blur();>休闲益智馆</a></td></tr>");
document.writeln("  <tr><td class=childlink></td></tr>");
document.writeln("  <tr><td height=20 valign=bottom><span class=px7>● </span><a class=parentlink >比赛竞技馆</a></td></tr>");
document.writeln("  <tr><td class=childlink></td></tr>");
document.writeln("  <tr><td height=20 valign=bottom><span class=px7>● </span><a class=parentlink href='#' onclick=javascript:openItem(4);this.blur();>经营交流馆</a></td></tr>");
document.writeln("  <tr><td class=childlink></td></tr>");
document.writeln("  <tr><td height=20 valign=bottom><span class=px7>● </span><a class=parentlink >学习辅导馆</a></td></tr>");
document.writeln("  <tr><td class=childlink></td></tr>");
document.writeln("</table>");
//------------------菜单结束-----------------------
</script>