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 相关文章推荐
判断对象是否Window的实现代码
Jan 10 Javascript
JavaScript中this关键词的使用技巧、工作原理以及注意事项
May 20 Javascript
Js实现手机发送验证码时按钮延迟操作
Jun 20 Javascript
JavaScript lastIndexOf方法入门实例(计算指定字符在字符串中最后一次出现的位置)
Oct 17 Javascript
javascript实现俄罗斯方块游戏的思路和方法
Apr 27 Javascript
jquery正则表达式验证(手机号、身份证号、中文名称)
Dec 31 Javascript
深入浅析Bootstrap列表组组件
May 03 Javascript
Mobile Web开发基础之四--处理手机设备的横竖屏问题
Aug 11 Javascript
深入剖析Express cookie-parser中间件实现示例
Feb 01 Javascript
微信小程序中进行地图导航功能的实现方法
Jun 29 Javascript
layui实现二维码弹窗、并下载到本地的方法
Sep 25 Javascript
小程序实现背景音乐播放和暂停
Jun 19 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
终于听上了直流胆调频
2021/03/02 无线电
很温暖很温暖的Lester Young
2021/03/03 冲泡冲煮
php disk_free_space 返回目录可用空间
2010/05/10 PHP
PHP下获取上个月、下个月、本月的日期(strtotime,date)
2014/02/02 PHP
php自定义apk安装包实例
2014/10/20 PHP
你的 mixin 真的兼容 ECMAScript 5 吗?
2013/04/11 Javascript
用JQuery 判断某个属性是否存在hasAttr的解决方法
2013/04/26 Javascript
浏览器打开层自动缓慢展开收缩实例代码
2013/07/04 Javascript
ie8本地图片上传预览示例代码
2014/01/12 Javascript
Jquery 监视按键,按下回车键触发某方法的实现代码
2014/05/11 Javascript
JavaScript定义变量和变量优先级问题探讨
2014/10/11 Javascript
JavaScript编程中的Promise使用大全
2015/07/28 Javascript
js小数运算出现多位小数如何解决
2015/10/08 Javascript
深入学习Bootstrap表单
2016/12/13 Javascript
手动初始化Angular的模块与控制器
2016/12/26 Javascript
JS全角与半角转化实例(分享)
2017/07/04 Javascript
浅谈Angular4实现热加载开发旅程
2017/09/08 Javascript
jquery之基本选择器practice(实例讲解)
2017/09/30 jQuery
Angular实现预加载延迟模块的示例
2017/10/12 Javascript
Node错误处理笔记之挖坑系列教程
2018/06/05 Javascript
angularJs中ng-model-options设置数据同步的方法
2018/09/30 Javascript
6行代码实现微信小程序页面返回顶部效果
2018/12/28 Javascript
React Hooks 实现和由来以及解决的问题详解
2020/01/17 Javascript
VSCode Python开发环境配置的详细步骤
2019/02/22 Python
使用pyinstaller打包PyQt4程序遇到的问题及解决方法
2019/06/24 Python
python匿名函数的使用方法解析
2019/10/10 Python
使用Pandas将inf, nan转化成特定的值
2019/12/19 Python
Python解析多帧dicom数据详解
2020/01/13 Python
Python全局变量与global关键字常见错误解决方案
2020/10/05 Python
基于HTML5+tracking.js实现刷脸支付功能
2020/04/16 HTML / CSS
Bjorn Borg官方网上商店:国际运动时尚品牌
2016/08/27 全球购物
无偿献血倡议书
2014/04/14 职场文书
员工生日会策划方案
2014/06/14 职场文书
汽车4S店销售经理岗位职责
2015/04/02 职场文书
交通事故调解协议书
2015/05/20 职场文书
解决Python字典查找报Keyerror的问题
2021/05/26 Python