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 相关文章推荐
表单项的name命名为submit、reset引起的问题
Dec 22 Javascript
nullJavascript中创建对象的五种方法实例
May 07 Javascript
JS实现关键字搜索时的相关下拉字段效果
Aug 05 Javascript
简介可以自动完成UI的AngularJS工具angular-smarty
Jun 23 Javascript
Javascript实现的Map集合工具类完整实例
Jul 31 Javascript
JavaScript中的call方法和apply方法使用对比
Aug 12 Javascript
JS中使用apply方法通过不同数量的参数调用函数的方法
May 31 Javascript
微信小程序 开发经验整理
Feb 15 Javascript
解决jQuery ajax动态新增节点无法触发点击事件的问题
May 24 jQuery
vue+node+webpack环境搭建教程
Nov 05 Javascript
Vue-cli中为单独页面设置背景色的实现方法
Feb 11 Javascript
Vue实现base64编码图片间的切换功能
Dec 04 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使用gd2绘制基本图形示例(直线、圆、正方形)
2017/02/15 PHP
thinkPHP5.0框架API优化后的友好性分析
2017/03/17 PHP
laravel实现分页样式替换示例代码(增加首、尾页)
2017/09/22 PHP
一个页面元素appendchild追加到另一个页面元素的问题
2013/01/27 Javascript
用js代码和插件实现wordpress雪花飘落效果的四种方法
2014/12/15 Javascript
JavaScript中使用concat()方法拼接字符串的教程
2015/06/06 Javascript
跟我学习javascript的this关键字
2020/05/28 Javascript
jQuery插件echarts实现的循环生成图效果示例【附demo源码下载】
2017/03/04 Javascript
Vue.Js中的$watch()方法总结
2017/03/23 Javascript
Angularjs中使用指令绑定点击事件的方法
2017/03/30 Javascript
BACKBONE.JS 简单入门范例
2017/10/17 Javascript
angular4 获取wifi列表中文显示乱码问题的解决
2018/10/20 Javascript
jQuery实现动态添加和删除input框实例代码
2019/03/26 jQuery
js刷新页面location.reload()用法详解
2019/12/09 Javascript
在vue中使用echarts(折线图的demo,markline用法)
2020/07/20 Javascript
JavaScript实现简单日历效果
2020/09/11 Javascript
python实现百万答题自动百度搜索答案
2018/01/16 Python
Python中使用遍历在列表中添加字典遇到的坑
2019/02/27 Python
Django中间件基础用法详解
2019/07/18 Python
python的pstuil模块使用方法总结
2019/07/26 Python
python 采用paramiko 远程执行命令及报错解决
2019/10/21 Python
python多线程高级锁condition简单用法示例
2019/11/07 Python
python-sys.stdout作为默认函数参数的实现
2020/02/21 Python
程序设计HTML5 Canvas API
2013/04/08 HTML / CSS
Meli Melo官网:名媛们钟爱的英国奢侈手包品牌
2017/04/17 全球购物
C#公司笔试题
2014/03/28 面试题
毕业生写求职信的要点
2014/03/04 职场文书
“学雷锋活动月”总结
2014/03/09 职场文书
小学新学期寄语
2014/04/02 职场文书
2014年电工工作总结
2014/11/20 职场文书
2014年网络管理员工作总结
2014/12/01 职场文书
村干部任职承诺书
2015/01/21 职场文书
行政撤诉申请书
2015/05/18 职场文书
2015年度考核个人工作总结
2015/10/24 职场文书
二年级数学教学反思
2016/02/16 职场文书