继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

jquery刷新iframe页面的方法

quincyye
关注TA
已关注
手记 235
粉丝 168
获赞 3550

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

打开App,阅读手记
6人推荐
发表评论
随时随地看视频慕课网APP

热门评论

太感谢了,解决了我的bug

终于得到解决了,我想用iframe前进后退

查看全部评论