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 相关文章推荐
javascript dom 操作详解 js加强
Jul 13 Javascript
JavaScript 原型继承之构造函数继承
Aug 26 Javascript
js 实现css风格选择器(压缩后2KB)
Jan 12 Javascript
常见表单重复提交问题整理及解决方法
Nov 13 Javascript
jQuery多级联动下拉插件chained用法示例
Aug 20 Javascript
JavaScript九九乘法口诀表的简单实现
Oct 04 Javascript
浅谈jquery之on()绑定事件和off()解除绑定事件
Oct 26 Javascript
完美解决JS文件页面加载时的阻塞问题
Dec 18 Javascript
在react-router4中进行代码拆分的方法(基于webpack)
Mar 08 Javascript
vue调试工具vue-devtools安装及使用方法
Nov 07 Javascript
详解微信小程序框架wepy踩坑记录(与vue对比)
Mar 12 Javascript
JS如何寻找数组中心索引过程解析
Jun 01 Javascript
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
星际争霸 Starcraft 发展史
2020/03/14 星际争霸
PHP swfupload图片上传的实例代码
2013/09/30 PHP
如何在centos8自定义目录安装php7.3
2019/11/28 PHP
prototype Element学习笔记(篇一)
2008/10/26 Javascript
jquery select下拉框操作的一些说明
2010/04/02 Javascript
Javascript的一种模块模式
2010/09/08 Javascript
JavaScript高级程序设计 客户端存储学习笔记
2011/09/10 Javascript
javascript游戏开发之《三国志曹操传》零部件开发(一)让静态人物动起来
2013/01/23 Javascript
jqGrid日期格式的判断示例代码(开始日期与结束日期)
2013/11/08 Javascript
javascript阻止scroll事件多次执行的思路及实现
2013/11/08 Javascript
js简单的表格添加行和删除行操作示例
2014/03/31 Javascript
easyui datagrid 键盘上下控制选中行示例
2014/03/31 Javascript
JavaScript必知必会(六) delete in instanceof
2016/06/08 Javascript
vue2.0获取自定义属性的值
2017/03/28 Javascript
JavaScript判断浏览器和hack滚动条的写法
2017/07/23 Javascript
基于jstree使用AJAX请求获取数据形成树
2017/08/29 Javascript
vue实现打印功能的两种方法
2018/09/07 Javascript
简述ES6新增关键字let与var的区别
2019/08/23 Javascript
[00:39]DOTA2上海特级锦标赛 Liquid战队宣传片
2016/03/04 DOTA
[02:10]DOTA2 TI10勇士令状玩法及不朽Ⅰ展示:焕新世界,如你所期
2020/05/29 DOTA
python实现根据窗口标题调用窗口的方法
2015/03/13 Python
儿童编程python入门
2018/05/08 Python
解决Python logging模块无法正常输出日志的问题
2020/02/21 Python
印度领先的在线时尚商店:Koovs
2016/08/28 全球购物
美国演唱会订票网站:Ticketmaster美国
2017/10/05 全球购物
财务担保书范文
2014/04/02 职场文书
食品安全汇报材料
2014/08/18 职场文书
大三学年自我鉴定范文(3篇)
2014/09/28 职场文书
机关作风建设自查报告
2014/10/22 职场文书
预备党员转正材料
2014/12/19 职场文书
工地材料员岗位职责
2015/04/11 职场文书
可可西里观后感
2015/06/08 职场文书
Python 机器学习工具包SKlearn的安装与使用
2021/05/14 Python
25张裸眼3D图片,带你重温童年的记忆,感受3D的魅力
2022/02/06 杂记
关于的python五子棋的算法
2022/05/02 Python
Python使用永中文档转换服务
2022/05/06 Python