关于在html的框架（frame）下，要实现退出系统的功能，该如何设计代码？

Question

比如我一个页面分成两部分

在1.jsp中， 设计一个”退出系统“的选项，点击“退出系统”就可以退出系统，那该怎么设计呢？我的代码是：

        <tr bgcolor="#E1F0FF">
            <td language="javascript" onmouseup="opencat2(cat101002,img101002);" id="item$pval[CatID])" onmouseover="this.bgColor='#A2DBCE';" style="CURSOR: hand" onmouseout="this.bgColor='#E1F0FF';" height="24">
                <img id="img101002" height="20" src="img/class1.gif" width="20" align="absMiddle" />
                课程管理
            </td>
        </tr>
        <tr>
            <%-- 类型树--%>
            <td id="cat101002" style="DISPLAY: none" bgcolor="#fefdf5">
                <img height="20" src="img/class3.gif" width="36" align="absMiddle" border="0" alt="" />
                <a target="mainFrame" href="jsp/paike/kebiaochaxun.jsp">课表查询</a><br />
                <img height="20" src="img/class3.gif" width="36" align="absMiddle" border="0" alt="" />
                <a target="mainFrame" href="jsp/paike/xuankequeren.jsp">选课确认</a><br />

                <img height="20" src="img/class3.gif" width="36" align="absMiddle" border="0" alt="" />
                <a target="mainFrame" href="jsp/xinxiluru/xinxiluru.jsp">其它信息录入</a><br />
            </td>
        </tr>
        <tr bgcolor="#E1F0FF">
            <td language="javascript" onmouseup="opencat3(cat101003,img101003);" id="item$pval[CatID])" onmouseover="this.bgColor='#A2DBCE';" style="CURSOR: hand" onmouseout="this.bgColor='#E1F0FF';" height="24">
                <img id="img101003" height="20" src="img/class1.gif" width="20" align="absMiddle" />
                教师信息管理
            </td>
        </tr>
        <tr>
            <%-- 类型树--%>
            <td id="cat101003" style="DISPLAY: none" bgcolor="#fefdf5">
                <img height="20" src="img/class3.gif" width="36" align="absMiddle" border="0" alt="" />
                <a target="mainFrame" href="jsp/paike/laoshiluru.jsp">信息录入</a><br />
                <img height="20" src="img/class3.gif" width="36" align="absMiddle" border="0" alt="" />
                <a target="mainFrame" href="jsp/paike/laoshiweihu.jsp">信息维护</a><br />
            </td>
        </tr>
        <tr bgcolor="#E1F0FF">
            <td language="javascript" onmouseup="opencat4(cat101004,img101004);" id="item$pval[CatID])" onmouseover="this.bgColor='#A2DBCE';" style="CURSOR: hand" onmouseout="this.bgColor='#E1F0FF';" height="24">
                <img id="img101004" height="20" src="img/class1.gif" width="20" align="absMiddle" /> 
                课程信息管理</td>
        </tr>
        <tr>
            <%-- 类型树--%>
            <td id="cat101004" style="DISPLAY: none" bgcolor="#fefdf5">
                <img height="20" src="img/class3.gif" width="36" align="absMiddle" border="0" alt="" /> 
                <a target="mainFrame" href="jsp/paike/kechengluru.jsp">信息录入</a><br />
                <img height="20" src="img/class3.gif" width="36" align="absMiddle" border="0" alt="" /> 
                <a target="mainFrame" href="jsp/paike/kechengweihu.jsp">信息维护</a><br />
            </td>
        </tr>
        <tr bgcolor="#E1F0FF">
            <td language="javascript" onmouseup="opencat5(cat101005,img101005);" id="item$pval[CatID])" onmouseover="this.bgColor='#A2DBCE';" style="CURSOR: hand" onmouseout="this.bgColor='#E1F0FF';" height="24">
                <img id="img101005" height="20" src="img/class1.gif" width="20" align="absMiddle" /> 
                教室信息管理</td>
        </tr>
        <tr>
            <%-- 类型树--%>
            <td id="cat101005" style="DISPLAY: none" bgcolor="#fefdf5">
                <img height="20" src="img/class3.gif" width="36" align="absMiddle" border="0" alt="" /> 
                <a target="mainFrame" href="jsp/paike/jiaoshiluru.jsp">信息录入</a><br />
                <img height="20" src="img/class3.gif" width="36" align="absMiddle" border="0" alt="" /> 
                <a target="mainFrame" href="jsp/paike/jiaoshiweihu.jsp">信息维护</a><br />
            </td>
        </tr>
        <tr bgcolor="#E1F0FF">
            <td language="javascript" onmouseup="opencat6(cat101006,img101006);" id="item$pval[CatID])" onmouseover="this.bgColor='#A2DBCE';" style="CURSOR: hand" onmouseout="this.bgColor='#E1F0FF';" height="24">
                <img id="img101006" height="20" src="img/class1.gif" width="20" align="absMiddle" /> 
                课程安排</td>
        </tr>
        <tr>
            <%-- 类型树--%>
            <td id="cat101006" style="DISPLAY: none" bgcolor="#fefdf5">
                <img height="20" src="img/class3.gif" width="36" align="absMiddle" border="0" alt="" /> 
                <a target="mainFrame" href="jsp/paike/kechenganpai.jsp">课程安排</a><br />
            </td>
        </tr>

        <tr bgcolor="#E1F0FF">
            <td language="javascript" onmouseup="opencat8(cat101008,img101008);" id="item$pval[CatID])" onmouseover="this.bgColor='#A2DBCE';" style="CURSOR: hand" onmouseout="this.bgColor='#E1F0FF';" height="24">
                <img id="img101008" height="20" src="img/class1.gif" width="20" align="absMiddle" /> 
                退出系统</td>
        </tr>
        <tr>
            <%-- 类型树--%>
            <td id="cat101008" style="DISPLAY: none" bgcolor="#fefdf5">
                <img height="20" src="img/class3.gif" width="36" align="absMiddle" border="0" alt="" /> 
                <a target="mainFrame" href="jsp/tuichu/tuichu.jsp">退出系统</a><br />
            </td>
        </tr>
    </table>

但是退出系统，只能转到一个有框架的页面，我的页面分成了两个框架，一个是muluFrame在左面，一个是mainFrame在右面，当我点击“退出系统”后，”退出系统“的链接tuichu.jsp显示在mainFrame中，不能真正意义上实现退出系统的功能？我应当怎样设计呢？
下面是我上传的工程源码及数据库文件

Answer 1

html部分：
[code="javascript"]
退出系统
[/code]
JS部分：
[code="java"]
function logout(){
parent.window.location = "<%=request.getContextPath()%>/jsp/tuichu/tuichu.jsp";
}
[/code]