框架网页中如何编写前进后退代码

 

最近在开发网站程序的后台中遇到的一个问题，因为后台一般都是使用frameset把顶部、底部、列表和主窗口区分起来的~


具体的布局如下：

┌────────────────┐

│ A 区域 │

├───┬────────────┤

│ B区域│ C区域 │

│ │ │

├───┘────────────┤

│ D区域 │

└────────────────┘


因为布局的关系，我的刷新，前进，后退三个链接放在了顶部的A区块中，但是要控制的却是C区块中的内容。用传统的代码history.go(-1)和history.back( )无法解决这个问题了~

万能的百度大师并没有帮我搞掂，愤恨了半天，最后换种思维终于在搞定：

<a href="javascript:window.top.frames['main'].history.back()">后退</a>

<a href="javascript:window.top.frames['main'].document.location.reload();">刷新</a>


下面部分是我在上面文章基础上修改的：

<tr>
                    <td width="50" height="19"><div align="center"><a href="javascript:window.top.frames['MainFrame'].location='Main.aspx';" target="MainFrame" title="首页"><img src="../Images/main_12.gif" width="49" height="19" border="0"></a></div></td>
                    <td width="50"><div align="center"><a href="javascript:window.top.frames['MainFrame'].history.back()" title="后退"><img src="../Images/main_14.gif" width="48" height="19" border="0"></a></div></td>
                    <td width="50"><div align="center"><a href="javascript:window.top.frames['MainFrame'].history.forward();" title="前进"><img src="../Images/main_16.gif" width="48" height="19" border="0"></a></div></td>
                    <td width="50"><div align="center"><a href="javascript:window.top.frames['MainFrame'].document.location.reload();" title="刷新"><img src="../Images/main_18.gif" width="48" height="19" border="0"></a></div></td>
                    <td width="50"><div align="center"><a href="#" onClick="if(confirm('确定要退出系统吗？'))top.location='../Logout.aspx';" title="退出系统"><img src="../Images/main_20.gif" width="48" height="19" border="0"></a></div></td>
                    <td width="26"><div align="center"><img src="../Images/main_21.gif" width="26" height="19" border="0"></div></td>
                    <td width="100"><div align="center"><a href="#" title="个人资料修改" οnclick="OpenSelectWin('ChangUserInfo.aspx','550px','700px');"><img src="../Images/main_22.gif" width="98" height="19" border="0"></a></div></td>
                    <td> </td>
                  </tr>



我自己原来的框架：

<frameset rows="98,*,8" border="0" frameborder="0" framespacing="0">
    <frame src="top.aspx" name="topFrame" id="topFrame" noresize scrolling="no" frameborder="no"></frame>
<frameset cols="6,165,10,*,6" name="FrameMain" border="0" frameborder="0" framespacing="0">
   <frame src="middel.aspx" name="LeftSplitFrame" noresize frameborder="no" scrolling="no" marginwidth="0" marginheight="0"></frame>
        <frame src="left.aspx" name="LeftFrame" noresize frameborder="no" scrolling="no" marginwidth="0" marginheight="0"></frame>
        <frame src="splitFrm.aspx" name="SplitFrame" noresize frameborder="no" scrolling="no" marginwidth="0" marginheight="0"></frame>
        <frame src="Main.aspx" name="MainFrame" id="MainFrame" frameborder="no" scrolling="yes" marginwidth="0" marginheight="0"></frame>
        <frame src="middel.aspx" name="LeftSplitFrame" noresize frameborder="no" scrolling="no" marginwidth="0" marginheight="0"></frame>
</frameset>
<frame src="down.aspx" name="bottomFrame" scrolling="No" noresize="noresize" id="bottomFrame" />
</frameset>