框架网页中如何编写前进后退代码
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>
具体的布局如下:
┌────────────────┐
│ 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>
相关文章推荐
- 框架网页中如何编写前进后退代码
- 如何防止网页被嵌入框架代码?
- 网页共用头部或共用底部该如何编写代码
- 网页共用头部或共用底部该如何编写代码?
- javascript代码如何实现打印框架里面的某个网页
- 网页共用头部或共用底部该如何编写代码
- 如何使用 require.js ,实现js文件的异步加载,避免网页失去响应,管理模块之间的依赖性,便于代码的编写和维护。
- laravel框架中如何编写下载附件的代码
- JSP中如何使浏览器点击后退按钮再点击前进按钮时,使网页失效
- 网页共用头部或共用底部该如何编写代码?
- 如何编写不可维护的代码
- 如何编写异常安全的C++代码
- 如何成功把EXCEL表的数据导入到SQL数据库,代码如何编写
- 如何用CodeSmith减少代码重复编写
- 如何编写高质量的VB代码(转自雪中漫步的专栏)
- 如何编写高质量的VB6代码
- 如何减少基于DataSet框架的代码输入量(一)
- 如何成功把EXCEL表的数据导入到SQL数据库,代码如何编写
- 如何编写高质量的VB代码
- 如何编写异常安全的C++代码