您的位置:首页 > 编程语言

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

2014-09-27 08:30 405 查看
最近在开发网站程序的后台中遇到的一个问题,因为后台一般都是使用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="个人资料修改" onclick="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>  
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: