JS/jQuery刷新iframe的方法

摘要:
语法:location。relaad参数:bForceGet,可选参数,默认为false,并从客户端缓存中获取当前页面。

一、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     frameBorder="0" src="http://t.zoukankan.com/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的方法》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇消息中间件(1)webpack+vue项目实战(四,前端与后端的数据交互和前端展示数据)下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

Bootstrap 环境安装

下载 Bootstrap 可以从 http://getbootstrap.com/ 上下载 Bootstrap 的最新版本。当点击这个链接时,将看到如下所示的网页: 您会看到两个按钮: Download Bootstrap:下载 Bootstrap。点击该按钮,您可以下载 Bootstrap CSS、JavaScript 和字体的预编译的压缩版本。不包含文...

天龙八部源码描述

天龙八部(武侠世界)的源码很可能是天龙八部代码流出后改写的,因为在看了代码中可以找到一些证据,整个客户端分为:一个是编辑器,一个是客户端,采用OGRE+cegui+自写的简单的物理碰撞检测+FMOD+自写的网络库。 服务器端代码目前没仔细关注 客户端总体的描述如下: UI系统 CEGUI UI基础系统 CEGUI渲染器 Expat XML解析器 CEGUI...

【原创】【js】screenLeft screenTop screenX screenY属性的有效性和兼容性研究

chrome浏览器(51.0.2704.106 m) 整个浏览器相对于主显示器屏幕的位置 虽然还原状态时有边缘,但是最大化时两个值都为0 IE浏览器(IE11): 浏览器文档区域相对于主显示器屏幕的位置 最大化时left值是0,top值是55 还原状态时left和top始终为正值,因为左右两侧有边缘 Opera浏览器(38.0.2220.41): 整...

js css等静态文件版本控制,一处配置多处更新.net版【原创】

日常web开发中,我们修改了js、css等静态资源文件后,如果文件名不变的话,客户端浏览并不会及时获取最新的资源文件,这就很尴尬了 怎么办呢? 1.小白:让客户清除缓存?,No ,不靠谱 2.初级:把文件名改了?,可以,但我们产品样式一天更新8百次,怎么办?不方便 <link href="/css/old.css"rel="stylesheet"ty...

js大文件上传解决方案支持分片断点上传

文件夹上传:从前端到后端 文件上传是 Web 开发肯定会碰到的问题,而文件夹上传则更加难缠。网上关于文件夹上传的资料多集中在前端,缺少对于后端的关注,然后讲某个后端框架文件上传的文章又不会涉及文件夹。今天研究了一下这个问题,在此记录。 先说两个问题: 是否所有后端框架都支持文件夹上传? 是否所有浏览器都支持文件夹上传? 第一个问题:YES,第二个问题:NO...

jQuery WeUI 地址选择器的使用

界面: <div class="weui-cell"> <div class="weui-cell__hd"><label class="weui-label">所在地:</label></div> &l...