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 相关文章推荐
在 IE 中调用 javascript 打开 Excel 表
Dec 21 Javascript
firefox 和 ie 事件处理的细节,研究,再研究 书写同时兼容ie和ff的事件处理代码
Apr 12 Javascript
JavaScript中去掉数组中的重复值的实现方法
Aug 03 Javascript
Jquery实现遮罩层的方法
Jun 08 Javascript
javascript学习总结之js使用技巧
Sep 02 Javascript
原生JS实现网络彩票投注效果
Sep 25 Javascript
JavaScript实现页面定时刷新(定时器,meta)
Oct 12 Javascript
vue props传值失败 输出undefined的解决方法
Sep 11 Javascript
vue3.0 CLI - 2.6 - 组件的复用入门教程
Sep 14 Javascript
vue+element实现表单校验功能
May 20 Javascript
Layui table field初始化加载时进行隐藏的方法
Sep 19 Javascript
微信小程序淘宝首页双排图片布局排版代码(推荐)
Oct 29 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
SONY SRF-M100的电路分析
2021/03/02 无线电
PHPLog php 程序调试追踪工具
2009/09/09 PHP
php学习之数据类型之间的转换代码
2011/05/29 PHP
PHP图片自动裁切应付不同尺寸的显示
2014/10/16 PHP
PHP通过内置函数memory_get_usage()获取内存使用情况
2014/11/20 PHP
PHP扩展开发教程(总结)
2015/11/04 PHP
PHP线程的内存回收问题
2016/07/08 PHP
PHP中类型转换 ,常量,系统常量,魔术常量的详解
2017/10/26 PHP
PHP+jQuery实现即点即改功能示例
2019/02/21 PHP
php探针不显示内存解决方法
2019/09/17 PHP
jquery cookie插件代码类
2009/05/26 Javascript
jQuery 使用手册(六)
2009/09/23 Javascript
用js提交表单解决一个页面有多个提交按钮的问题
2014/09/01 Javascript
Javascript中this的用法详解
2014/09/22 Javascript
JavaScript实现图片瀑布流和底部刷新
2017/01/02 Javascript
深入理解Vue.js源码之事件机制
2017/09/27 Javascript
vue 组件中slot插口的具体用法
2018/04/03 Javascript
vue中如何实现pdf文件预览的方法
2018/07/12 Javascript
在Vue-cli里应用Vuex的state和mutations方法
2018/09/16 Javascript
利用jquery和BootStrap实现动态滚动条效果
2018/12/03 jQuery
JS闭包原理与应用经典示例
2018/12/20 Javascript
Vue中全局变量的定义和使用
2019/06/05 Javascript
微信小程序开发摇一摇功能
2019/11/22 Javascript
es6 for循环中let和var区别详解
2020/01/12 Javascript
Python学习笔记之os模块使用总结
2014/11/03 Python
Python实现爬取需要登录的网站完整示例
2017/08/19 Python
对matplotlib改变colorbar位置和方向的方法详解
2018/12/13 Python
浅析Django中关于session的使用
2019/12/30 Python
python中有帮助函数吗
2020/06/19 Python
印度在线购物网站:Paytmmall
2019/07/24 全球购物
请说出以下代码输出什么
2013/08/30 面试题
药剂专业学生求职信范文
2013/12/28 职场文书
运动员口号
2014/06/09 职场文书
《鲸》教学反思
2016/02/23 职场文书
幼儿园2016年感恩节活动总结
2016/04/01 职场文书
python实现商品进销存管理系统
2022/05/30 Python