请教一段关于javascript的代码

<title>后台管理</title>
    <link href="StyleSheet.css" rel="stylesheet" type="text/css" />
    <script language="JavaScript" type="text/JavaScript">
    function showsubmenu(sid,sum)
    {
    whichEl = eval("submenu" + sid);
    if (whichEl.style.display == "none")
    {    for (var i=0;i<=sum;i++)
    {
    if(i==sid)
    eval("submenu" + i + ".style.display=\"\";");
    else
    eval("submenu" + i + ".style.display=\"none\";");
    }
    }
    else
    {
    eval("submenu" + sid + ".style.display=\"none\";");
    }
    }
    </script>
这段代码出现在<head></haed>里，不明白出现这段代码有什么意义，然后在后面又出现了以下代码。
<tr>
    <td class="change_td" style="cursor:hand "  onClick="showsubmenu(0,10)"><div align="center"><font class="white">≡ 管理员管理 ≡ </font></div></td>
      </tr>实在不理解为什么前面要写一个函数，后面定义onclick操作。

解决方案 »

  1.   

    额 我刚百度了下，大概知道是什么意思，我将百度出来的结果和大家分享哈。eval( )函数是把，入口的字符串的内容，
    当成JavaScript程序来执行！
    （其中sid应该是subMenuID的缩写）
    当然，它这里的意思是把子菜单的id的传到这个函数里来，用字符串动态地组合成一个程序字符串形式，然后用eval来执行。他这里执行的效果是，
    找出子菜单对应的实例：submenu23（假设sid:23)
    然后在设置子菜单是否隐藏！
    就像主菜单栏的效果，鼠标放到就出现，离开就消失！
    但也不能这样搞法吧！其实就两行就搞定了，而且非常容易看！
    ：<SCRIPT>
    function showsubmenu(sid)
    {
    var submenu = document.getElementById("submenu" + sid);
    submenu.style.display=submenu.style.display=="none"?"inline":"none";
    }
    </SCRIPT> 大概就这个意思了。如果哪位童鞋有好的见解就请再贴出来啊。小弟还不是很明白。
      

  2.   

    <head></head>里的是函数方法定义
    在<body>中出现的是调用,
    就像写后台代码类似