夏日博客

A-A+

jquery刷新iframe页面的方法(兼容主流)

2016年01月07日 前端设计 暂无评论 阅读 5 views 次

刷新iframe是在js刷新的基础上再利用函数调用父窗口或子窗口的iframe id然后进行刷新了，下面来看分析过程。

1，reload 方法，该方法强迫浏览器刷新当前页面。

语法:location.reload([bForceGet])

参数:bForceGet,可选参数,默认为 false，从客户端缓存里取当前页。true, 则以 GET 方式，从服务端取最新的页面, 相当于客户端点击 F5("刷新"),代码如下:

  1. <script language="JavaScript">  
  2. window.location.reload();  
  3. </script>  

这样就实现了页面刷新了，当然还有其它办法了，那么要刷新框架页面我们要如何操作,代码如下:

  1. //方法1  
  2. document.getElementById('FrameID').contentWindow.location.reload(true);  
  3. //方法2  
  4. document.getElementById('youriframe').src=src;  

实例代码如下:

  1. <iframe id="myframe" width="100%" frameBorder="0" src="test.html" scrolling="no"></iframe>  
  2. <input type="button" onclick="javascript:refreshFrame();" value="Refresh Frame" />  
  3.    
  4. <script type="text/javascript">  
  5. <!--  
  6. function refreshFrame(){  
  7.     document.getElementById('myframe').contentWindow.location.reload(true);  
  8. }  
  9. //-->  
  10. </script>  

二。jquery实现强制刷新

  1. $('#iframe').attr('src', $('#iframe').attr('src'));  

三，如果是打开的新页面我们要刷新的话可以使用如下代码来刷新,代码如下:

  1. //刷新包含该框架的页面用     
  2. <script language=JavaScript>  
  3.    parent.location.reload();  
  4. </script>  
  5. //子窗口刷新父窗口  
  6. <script language=JavaScript>  
  7.     self.opener.location.reload();  
  8. </script>  
  9. (　或　<a href="javascript:opener.location.reload()">刷新</a>   )  
  10. //刷新另一个框架的页面用     
  11. <script language=JavaScript>  
  12.    parent.另一FrameID.location.reload();  
  13. </script>  

总结：网上一大堆document.frames('ifrmname').location.reload()已经不能用了

标签：

给我留言