首页 > Web开发 > 详细

JS/jQuery刷新iframe的方法

时间:2020-05-30 09:57:02      阅读:49      评论:0      收藏:0      [点我收藏+]

一、js 页面刷新
1.  reload 方法,该方法强迫浏览器刷新当前整个页面
  语法:location.reload([bForceGet])
  参数: bForceGet, 可选参数, 默认为 false,从客户端缓存里取当前页。true, 则以 GET 方式,从服务端取最新的页面, 相当于客户端点击 F5("刷新")

<script language="JavaScript">
window.location.reload(true);
</script>

2.  刷新iframe 页面

js方法1
document.getElementById(‘FrameID‘).contentWindow.location.reload(true);

js方法2
document.getElementById(‘youriframe‘).src=src;

例如:

<iframe id="firstFrame" 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(‘firstFrame‘).contentWindow.location.reload(true);
    }
</script>

二.  jquery实现强制刷新

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

三.  如果是打开的新页面,要刷新其他iframe,可以使用如下代码

//刷新包含该框架的页面用   
<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>

 

JS/jQuery刷新iframe的方法

原文:https://www.cnblogs.com/unknows/p/12990715.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!