您的位置:首页 > Web前端 > JavaScript

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

2016-02-25 10:04 549 查看
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()已经不能用了
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: