iframe框架中的页面刷新

最新推荐文章于 2023-07-11 14:16:59 发布

转载最新推荐文章于 2023-07-11 14:16:59 发布 · 988 阅读

1 篇文章

订阅专栏

本文介绍了多种网页刷新的方法，包括使用JavaScript的location.reload方法、针对框架页面的刷新技巧、利用jQuery进行页面强制刷新以及针对不同场景下的页面刷新策略。

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

　　语法：location.reload([bForceGet])

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

代码如下
<script language="JavaScript"> window.location.reload(); </script>

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

代码如下
//方法1 document.getElementById('FrameID').contentWindow.location.reload(true); //方法2 document.getElementById('youriframe').src=src;

　　实例：

代码如下
<iframe id="myframe" width="100%" frameBorder="0" src="test.html" scrolling="no"></iframe> <input type="button" onclick="javascript:refreshFrame();" value="Refresh Frame" /> <script type="text/javascript"> <!-- function refreshFrame(){ document.getElementById('myframe').contentWindow.location.reload(true); } //--> </script>

　　二。jQuery实现强制刷新

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

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

代码如下
//刷新包含该框架的页面用 <script language=JavaScript> parent.location.reload(); </script> //子窗口刷新父窗口 <script language=JavaScript> self.opener.location.reload(); </script> (　或　<a href="javascript:opener.location.reload()">刷新</a> ) //刷新另一个框架的页面用 <script language=JavaScript> parent.另一FrameID.location.reload(); </script>

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