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 相关文章推荐
从新浪弄下来的全屏广告代码 与使用说明
Mar 15 Javascript
在网页里看flash的trace数据的js类
Jan 10 Javascript
jquery ajax提交表单数据的两种实现方法
Apr 29 Javascript
关于JAVASCRIPT urldecode URL解码的问题
Jan 08 Javascript
Js 回车换行处理的办法及replace方法应用
Jan 24 Javascript
贴近用户体验的Jquery日期、时间选择插件
Aug 19 Javascript
jQuery中设置form表单中action值的实现方法
May 25 Javascript
使用JS实现图片展示瀑布流效果的实例代码
Sep 12 Javascript
浅谈在fetch方法中添加header后遇到的预检请求问题
Aug 31 Javascript
vuejs+element UI点击编辑表格某一行时获取内容填入表单的示例
Oct 31 Javascript
Vue自定义全局弹窗组件操作
Aug 11 Javascript
javascript进阶篇深拷贝实现的四种方式
Jul 07 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应用提速面面观
2006/10/09 PHP
ThinkPHP5与单元测试PHPUnit使用详解
2020/02/23 PHP
encode脚本和normal脚本混用的问题与解决方法
2007/03/08 Javascript
javascript 建设银行登陆键盘
2008/06/10 Javascript
Javascript 面试题随笔
2011/03/31 Javascript
jQuery在IE下使用未闭合的xml代码创建元素时的Bug介绍
2012/01/10 Javascript
jquery实现的一个导航滚动效果具体代码
2013/05/27 Javascript
jquery实现键盘左右翻页特效
2015/04/30 Javascript
jQuery的animate函数实现图文切换动画效果
2015/05/03 Javascript
JavaScript提高性能知识点汇总
2016/01/15 Javascript
Javascript实现单例模式
2016/01/24 Javascript
Angularjs全局变量被作用域监听的正确姿势
2016/02/06 Javascript
js改变透明度实现轮播图的算法
2020/08/24 Javascript
vue构建单页面应用实战
2017/04/10 Javascript
原JS实现banner图的常用功能
2017/06/12 Javascript
JavaScript使用prototype原型实现的封装继承多态示例
2018/08/31 Javascript
详解key在Vue列表渲染时究竟起到了什么作用
2019/04/20 Javascript
JS面向对象之单选框实现
2020/01/17 Javascript
vue随机验证码组件的封装实现
2020/02/19 Javascript
js实现随机点名器精简版
2020/06/29 Javascript
js实现滚动条自动滚动
2020/12/13 Javascript
Python检测网站链接是否已存在
2016/04/07 Python
python正则表达式的使用
2017/06/12 Python
Django视图之ORM数据库查询操作API的实例
2017/10/27 Python
深入解析python中的实例方法、类方法和静态方法
2019/03/11 Python
使用Python快速打开一个百万行级别的超大Excel文件的方法
2021/03/02 Python
英格兰足协官方商店:England Store
2019/07/12 全球购物
Lowe’s加拿大:家居装修、翻新和五金店
2019/12/06 全球购物
歌颂党的演讲稿
2014/09/10 职场文书
教师批评与自我批评(群众路线)
2014/10/15 职场文书
毕业设计指导教师评语
2014/12/30 职场文书
大学生实习推荐信
2015/03/27 职场文书
硕士论文致谢范文
2015/05/14 职场文书
创业计划书之闲置物品置换中心
2019/12/25 职场文书
一起来看看Vue的核心原理剖析
2022/03/24 Vue.js
python使用opencv对图像添加噪声(高斯/椒盐/泊松/斑点)
2022/04/06 Python