frame框架页面的 前进,后退,刷新

来源:互联网 发布:蝙蝠风弄网络原版 编辑:程序博客网 时间:2024/05/16 01:32
[html] view plaincopyprint?
  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. main
  28. <a href="javascript:window.top.frames['mainmainFrame'].document.location.reload();">刷新</a>  

  29. 如上对于frameset这种进行页面构架的,对于其中的前进 后退 刷新要特别的处理下。这是在另一个frame中对其他frame中的内容进行相应的处理.
上面的例子中C区域我们给他命名为  mainFrame  名称。
刷新的代码上面的就可以。

如果B区域和C区域同在一个mainBigFrame中,这是上面的刷新要改成 
<a href="javascript:window.top.frames['mainBigFrame'].frames['mainmainFrame'].document.location.reload();">刷新</a>