js实现刷新iframe的方法汇总


Posted in Javascript onApril 27, 2015

javascript实现刷新iframe的方法的总结,现在假设存在下面这样一个iframe,则刷新该iframe的N种方法有:

<iframe src="1.htm" name="ifrmname" id="ifrmid"></iframe>

第一种方法:用iframe的name属性定位

<input type="button" name="Button" value="Button" onclick="document.frames('ifrmname').location.reload()">

或者

<input type="button" name="Button" value="Button" onclick="document.all.ifrmname.document.location.reload()">

第二种方法:用iframe的id属性定位

<input type="button" name="Button" value="Button" onclick="ifrmid.window.location.reload()">

第三种方法:当iframe的src为其它网站地址(即跨域操作时)

<input type="button" name="Button" value="Button" onclick="window.open(document.all.ifrmname.src,'ifrmname','')">

父页面中存在两个iframe,一个iframe中是一个链接列表,其中的链接指向另一个iframe,用于显示内容。现在当内容内容添加后,在链接列表中添加了一条记录,则需要刷新列表iframe。
在内容iframe的提交js中使用parent.location.reload()将父页面全部刷新,因为另一个iframe没有默认的url,只能通过列表选择,所以只显示了列表iframe的内容。
使用window.parent.frames["列表iframe名字"].location="列表url"即可进刷新列表iframe,而内容iframe在提交后自己的刷新将不受影响。

document.frames("refreshAlarm").location.reload(true); 

document.frames("refreshAlarm").document.location.reload(true); 

document.frames("refreshAlarm").document.location="https://3water.com/"; 

document.frames("refreshAlarm").src="https://3water.com/";

注意区别:document.all.refreshAlarm 或 document.frames("refreshAlarm") 得到的是https://3water.com/页面中那个iframe标签,所以对src属性操作有用。
document.frames("refreshAlarm").document得到iframe里面的内容,也就是"https://3water.com/"中的内容。

javascript(js)自动刷新页面的实现方法总结:

间隔10秒刷新一次,在页面的head标签中加入下面的代码段:

<meta http-equiv="refresh"content="10;url=跳转的页面或者是需要刷新的页面URL地址">

定时刷新页面(间隔2秒刷新一下页面):

<script language="javascript"> 

setTimeout("location.href='url'",2000);//url是要刷新的页面URL地址 

</script>

直接刷新页面事件:

<script language="javascript"> 

window.location.reload(true); 

//如需刷新iframe,则只需把window替换为响应的iframe的name属性值或ID属性值 

</script>

直接刷新页面事件:

<script language=''javascript''> 

window.navigate("本页面url"); 

</script>

直接刷新页面事件:

function abc(){ 

window.location.href="/blog/window.location.href"; 

setTimeout("abc()",10000); 

}

刷新框架页:

<script language="javascript"> 

top.leftFrm.location.reload(); 

parent.frmTop.location.reload(); 

</script>

以上所述就是本文的全部内容了,希望大家能够喜欢。

Javascript 相关文章推荐
解析使用JS 清空File控件的路径值
Jul 08 Javascript
javascript实现博客园页面右下角返回顶部按钮
Feb 22 Javascript
jQuery插件datalist实现很好看的input下拉列表
Jul 14 Javascript
jquery带翻页动画的电子杂志代码分享
Aug 21 Javascript
js创建数组的简单方法
Jul 27 Javascript
js removeChild 方法深入理解
Aug 16 Javascript
JavaScript基础之this详解
Jun 04 Javascript
ES6 如何改变JS内置行为的代理与反射
Feb 11 Javascript
微信小程序如何引用外部js,外部样式,公共页面模板
Jul 23 Javascript
微信小程序引入Vant组件库过程解析
Aug 06 Javascript
js数组相减简单示例【删除a数组所有与b数组相同元素】
Mar 04 Javascript
jquery实现垂直手风琴菜单
Mar 04 jQuery
JavaScript数组和循环详解
Apr 27 #Javascript
javascript实现全局匹配并替换的方法
Apr 27 #Javascript
js限制文本框只能输入整数或者带小数点的数字
Apr 27 #Javascript
如何使用HTML5地理位置定位功能
Apr 27 #Javascript
jQuery插件scroll实现无缝滚动效果
Apr 27 #Javascript
Javascript非构造函数的继承
Apr 27 #Javascript
JQuery选中checkbox方法代码实例(全选、反选、全不选)
Apr 27 #Javascript
You might like
PHP函数实现分页含文本分页和数字分页
2014/10/23 PHP
thinkphp5.1 框架导入/导出excel文件操作示例
2020/05/25 PHP
FCK调用方法..
2006/12/21 Javascript
JavaScript监测ActiveX控件是否已经安装过的代码
2008/09/02 Javascript
js jquery ajax的几种用法总结(及优缺点介绍)
2014/01/28 Javascript
JavaScript DOM节点添加示例
2014/07/16 Javascript
JavaScript组件焦点与页内锚点间传值的方法
2015/02/02 Javascript
jQuery CSS3自定义美化Checkbox实现代码
2016/05/12 Javascript
javascript正则表达式中分组详解
2016/07/17 Javascript
AngularJS基础 ng-submit 指令简单示例
2016/08/03 Javascript
用JS动态设置CSS样式常见方法小结(推荐)
2016/11/10 Javascript
原生js实现无缝轮播图效果
2017/01/11 Javascript
Base64(二进制)图片编码解析及在各种浏览器的兼容性处理
2017/02/09 Javascript
JS+WCF实现进度条实时监测数据加载量的方法详解
2017/12/19 Javascript
使用JavaScript生成罗马字符的实例代码
2018/06/08 Javascript
前后端如何实现登录token拦截校验详解
2018/09/03 Javascript
vue 地图可视化 maptalks 篇实例代码详解
2019/05/21 Javascript
Layer+Echarts构建弹出层折线图的方法
2019/09/25 Javascript
[04:04]显微镜下的DOTA2第六期——电影级别的华丽团战
2014/06/20 DOTA
[01:16:16]DOTA2-DPC中国联赛定级赛 RNG vs Phoenix BO3第二场 1月8日
2021/03/11 DOTA
python网络编程学习笔记(六):Web客户端访问
2014/06/09 Python
python学习笔记之调用eval函数出现invalid syntax错误问题
2015/10/18 Python
Python实现的生成格雷码功能示例
2018/01/24 Python
详解python的四种内置数据结构
2019/03/19 Python
详解PyCharm安装MicroPython插件的教程
2019/06/24 Python
pytorch三层全连接层实现手写字母识别方式
2020/01/14 Python
导出HTML5 Canvas图片并上传服务器功能
2019/08/16 HTML / CSS
美国女士泳装店:Swimsuits For All
2017/03/02 全球购物
波兰数码相机及配件网上商店: Cyfrowe.pl
2017/06/19 全球购物
New Balance波兰官方商城:始于1906年,百年慢跑品牌
2017/08/15 全球购物
迪拜领先运动补剂零售品牌中文站:Sporter商城
2019/08/20 全球购物
大学生毕业的自我鉴定
2013/11/13 职场文书
四风查摆剖析材料
2014/10/10 职场文书
《家》读后感:万惜拯救,冷暖自知
2019/09/25 职场文书
死磕 java同步系列之synchronized解析
2021/06/28 Java/Android
详解CSS3浏览器兼容
2022/12/24 HTML / CSS