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

来源:互联网 发布:淘宝开直通车的技巧 编辑:程序博客网 时间:2024/04/30 21:15
  1. 最近在开发网站程序的后台中遇到的一个问题,因为后台一般都是使用frameset把顶部、底部、列表和主窗口区分起来的~  
  2.   
  3.   
  4. 具体的布局如下:  
  5.   
  6. ┌────────────────┐  
  7.   
  8. │ A 区域 │  
  9.   
  10. ├───┬────────────┤  
  11.   
  12. │ B区域│ C区域 │  
  13.   
  14. │ │ │  
  15.   
  16. ├───┘────────────┤  
  17.   
  18. │ D区域 │  
  19.   
  20. └────────────────┘  
  21.   
  22.   
  23. 因为布局的关系,我的刷新,前进,后退三个链接放在了顶部的A区块中,但是要控制的却是C区块中的内容。用传统的代码history.go(-1)和history.back( )无法解决这个问题了~  
  24.   
  25. 万能的百度大师并没有帮我搞掂,愤恨了半天,最后换种思维终于在搞定:  
  26.   
  27. <a href="javascript:window.top.frames['main'].history.back()">后退</a>  
  28.   
  29. <a href="javascript:window.top.frames['main'].document.location.reload();">刷新</a>  
  30.   
  31.   
  32. 下面部分是我在上面文章基础上修改的:  
  33.   
  34. <tr>  
  35.                     <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>  
  36.                     <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>  
  37.                     <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>  
  38.                     <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>  
  39.                     <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>  
  40.                     <td width="26"><div align="center"><img src="../Images/main_21.gif" width="26" height="19" border="0"></div></td>  
  41.                     <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>  
  42.                     <td> </td>  
  43.                   </tr>  
  44.   
  45.   
  46.   
  47. 我自己原来的框架:  
  48.   
  49. <frameset rows="98,*,8" border="0" frameborder="0" framespacing="0">  
  50.     <frame src="top.aspx" name="topFrame" id="topFrame" noresize scrolling="no" frameborder="no"></frame>  
  51. <frameset cols="6,165,10,*,6" name="FrameMain" border="0" frameborder="0" framespacing="0">  
  52.    <frame src="middel.aspx" name="LeftSplitFrame" noresize frameborder="no" scrolling="no" marginwidth="0" marginheight="0"></frame>  
  53.         <frame src="left.aspx" name="LeftFrame" noresize frameborder="no" scrolling="no" marginwidth="0" marginheight="0"></frame>  
  54.         <frame src="splitFrm.aspx" name="SplitFrame" noresize frameborder="no" scrolling="no" marginwidth="0" marginheight="0"></frame>  
  55.         <frame src="Main.aspx" name="MainFrame" id="MainFrame" frameborder="no" scrolling="yes" marginwidth="0" marginheight="0"></frame>  
  56.         <frame src="middel.aspx" name="LeftSplitFrame" noresize frameborder="no" scrolling="no" marginwidth="0" marginheight="0"></frame>  
  57. </frameset>  
  58. <frame src="down.aspx" name="bottomFrame" scrolling="No" noresize="noresize" id="bottomFrame" />  
  59. </frameset>  
0 0
原创粉丝点击