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 相关文章推荐
讲两件事:1.this指针的用法小探. 2.ie的attachEvent和firefox的addEventListener在事件处理上的区别
Apr 12 Javascript
21个值得收藏的Javascript技巧
Feb 04 Javascript
使用ajax+jqtransform实现动态加载select
Dec 01 Javascript
学习AngularJs:Directive指令用法(完整版)
Apr 26 Javascript
js中获取键盘事件的简单实现方法
Oct 10 Javascript
jQuery中get方法用法分析
Dec 07 Javascript
数组Array的排序sort方法
Feb 17 Javascript
Java中int与integer的区别(基本数据类型与引用数据类型)
Feb 19 Javascript
echarts饼图扇区添加点击事件的实例
Oct 16 Javascript
vue + elementUI实现省市县三级联动的方法示例
Oct 29 Javascript
Vue-axios-post数据后端接不到问题解决
Jan 09 Javascript
JS实现省市县三级下拉联动
Apr 10 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
php求正负数数组中连续元素最大值示例
2014/04/11 PHP
经验几则 推荐
2006/09/05 Javascript
取得传值的函数
2006/10/27 Javascript
WEB高性能开发之疯狂的HTML压缩
2010/06/19 Javascript
精通Javascript系列之数据类型 字符串
2011/06/08 Javascript
jquery必须知道的一些常用特效方法及使用示例(整理)
2013/06/24 Javascript
jquery动态增加删除表格行的小例子
2013/11/14 Javascript
用jquery仿做发微博功能示例
2014/04/18 Javascript
jquery如何扑捉回车键触发的事件
2014/04/24 Javascript
一个简单的Node.js异步操作管理器分享
2014/04/29 Javascript
推荐9款炫酷的基于jquery的页面特效
2014/12/07 Javascript
深入理解jquery中的事件与动画
2016/05/24 Javascript
关于express与koa的使用对比详解
2018/01/25 Javascript
修改node.js默认的npm安装目录实例
2018/05/15 Javascript
vue-cli的工程模板与构建工具详解
2018/09/27 Javascript
5分钟教你用nodeJS手写一个mock数据服务器的方法
2019/09/10 NodeJs
vue+webpack 更换主题N种方案优劣分析
2019/10/28 Javascript
[01:48]DOTA2 2015国际邀请赛中国区预选赛第二日战报
2015/05/27 DOTA
[10:24]郎朗助力完美“圣”典,天籁交织奏响序曲
2016/12/18 DOTA
[01:03:37]Secret vs VGJ.S Supermajor小组赛C组 BO3 第二场 6.3
2018/06/04 DOTA
python修改字典内key对应值的方法
2015/07/11 Python
Python数据可视化教程之Matplotlib实现各种图表实例
2019/01/13 Python
在python中画正态分布图像的实例
2019/07/08 Python
基于MSELoss()与CrossEntropyLoss()的区别详解
2020/01/02 Python
Python计算公交发车时间的完整代码
2020/02/12 Python
解决python3插入mysql时内容带有引号的问题
2020/03/02 Python
django模板获取list中指定索引的值方式
2020/05/14 Python
印尼在线旅游门户网站:NusaTrip
2019/11/01 全球购物
如何判断一段程序是由C 编译程序还是由C++编译程序编译的
2013/08/04 面试题
司法局群众路线教育实践活动整改措施思想汇报
2014/10/13 职场文书
2014年新农村建设工作总结
2014/12/01 职场文书
2019年中,最受大众欢迎的6本新书
2019/08/07 职场文书
百善孝为先:关于孝道的经典语录
2019/10/18 职场文书
导游词之杭州岳王庙
2019/11/13 职场文书
SQL语法CONSTRAINT约束操作详情
2022/01/18 MySQL
JS高级程序设计之class继承重点详解
2022/07/07 Javascript