关于在html的框架(frame)下,要实现退出系统的功能,该如何设计代码?

问题描述:

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






在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中,不能真正意义上实现退出系统的功能?我应当怎样设计呢?
下面是我上传的工程源码及数据库文件

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

退出系统时,改用JS,直接把主页面里的window.location设置为tuichu.jsp。

parent.window.location=jsp