一、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()已经不能用了

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐