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使用百度地图api和html5特性获取浏览器位置
Jan 10 Javascript
jQuery ui 利用 datepicker插件实现开始日期(minDate)和结束日期(maxDate)
May 22 Javascript
JavaScript基础篇(3)之Object、Function等引用类型
Nov 30 Javascript
深入解析Javascript闭包的功能及实现方法
Jul 10 Javascript
老生常谈JavaScript 正则表达式语法
Aug 20 Javascript
js表单登陆验证示例
Oct 19 Javascript
JavaScript队列、优先队列与循环队列
Nov 14 Javascript
JS正则表达式完美实现身份证校验功能
Oct 18 Javascript
react实现菜单权限控制的方法
Dec 11 Javascript
js动态引入的四种方法
May 05 Javascript
JavaScript 中的12种循环遍历方法【总结】
May 31 Javascript
layui动态加载多表头的实例
Sep 05 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下一个阿拉伯数字转中文数字的函数
2007/07/16 PHP
一个非常完美的读写ini格式的PHP配置类分享
2015/02/12 PHP
JavaScript 事件查询综合
2009/07/13 Javascript
基于JQuery实现相同内容合并单元格的代码
2011/01/12 Javascript
基于jquery的仿百度搜索框效果代码
2011/04/11 Javascript
Node.js:Windows7下搭建的Node.js服务(来玩玩服务器端的javascript吧,这可不是前端js插件)
2011/06/27 Javascript
jquery中使用ajax获取远程页面信息
2011/11/13 Javascript
实用的JS正则表达式(手机号码/IP正则/邮编正则/电话等)
2013/01/11 Javascript
js/jquery去掉空格,回车,换行示例代码
2013/11/05 Javascript
javascript递归回溯法解八皇后问题
2015/04/22 Javascript
微信小程序链接传参并跳转新页面
2016/11/29 Javascript
原生js轮播(仿慕课网)
2017/02/15 Javascript
Vue项目路由刷新的实现代码
2019/04/17 Javascript
小程序实现搜索界面 小程序实现推荐搜索列表效果
2019/05/18 Javascript
jQuery+Ajax+js实现请求json格式数据并渲染到html页面操作示例
2020/06/02 jQuery
js实现数字跳动到指定数字
2020/08/25 Javascript
[32:56]完美世界DOTA2联赛PWL S3 Rebirth vs CPG 第二场 12.11
2020/12/16 DOTA
python使用循环实现批量创建文件夹示例
2014/03/25 Python
Python NumPy库安装使用笔记
2015/05/18 Python
python3下实现搜狗AI API的代码示例
2018/04/10 Python
python 对dataframe下面的值进行大规模赋值方法
2018/06/09 Python
Python爬虫小技巧之伪造随机的User-Agent
2018/09/13 Python
英国足球店:UK Soccer Shop
2017/11/19 全球购物
MIRTA官网:手工包,100%意大利制造
2020/02/11 全球购物
C++的几个面试题附答案
2016/08/03 面试题
将"引用"作为函数参数有哪些特点
2013/04/05 面试题
办公室文秘自我评价
2013/09/21 职场文书
不忘国耻振兴中华演讲稿
2014/05/14 职场文书
租房安全协议书
2014/08/20 职场文书
农村党支部书记司法四风问题对照检查材料
2014/09/26 职场文书
仲裁协议书
2014/09/26 职场文书
张家口市高新区党工委群众路线教育实践活动整改方案
2014/10/25 职场文书
文体活动总结
2015/02/04 职场文书
火烧圆明园的观后感
2015/06/03 职场文书
毕业生的自我鉴定表范文
2019/05/16 职场文书
幼儿教师三分钟演讲稿
2019/06/21 职场文书