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 相关文章推荐
js 数组操作代码集锦
Apr 28 Javascript
使用js对select动态添加和删除OPTION示例代码
Aug 12 Javascript
window.location.href的用法(动态输出跳转)
Aug 09 Javascript
使用Browserify配合jQuery进行编程的超级指南
Jul 28 Javascript
浅析Bootstrip的select控件绑定数据的问题
May 10 Javascript
js removeChild 方法深入理解
Aug 16 Javascript
前端开发之CSS原理详解
Mar 11 Javascript
webpack配置sass模块的加载的方法
Jul 30 Javascript
Vue axios设置访问基础路径方法
Sep 19 Javascript
vue实现登录拦截
Jun 29 Javascript
js将日期格式转换为YYYY-MM-DD HH:MM:SS
Sep 18 Javascript
Vue+Element自定义纵向表格表头教程
Oct 26 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下通过POST还是GET来传值
2008/06/05 PHP
php根据isbn书号查询amazon网站上的图书信息的示例
2014/02/13 PHP
基于PHP的登录和注册的功能的实现
2020/08/06 PHP
使用JavaScript修改浏览器URL地址栏的实现代码
2013/10/21 Javascript
JavaScript 实现鼠标拖动元素实例代码
2014/02/24 Javascript
angularJS中$apply()方法详解
2015/01/07 Javascript
jQuery关键词说明插件cluetip使用指南
2015/04/21 Javascript
原生js与jQuery实现简单的tab切换特效对比
2015/07/30 Javascript
JavaScript实现ASC转汉字及汉字转ASC的方法
2016/01/23 Javascript
jQuery使用DataTable实现删除数据后重新加载功能
2017/02/27 Javascript
angularjs 动态从后台获取下拉框的值方法
2018/08/13 Javascript
解决vue无法设置滚动位置的问题
2018/10/07 Javascript
js canvas画布实现高斯模糊效果
2018/11/27 Javascript
微信小程序使用二次贝塞尔曲线画波浪
2018/12/25 Javascript
Collatz 序列、逗号代码、字符图网格实例
2017/06/22 Python
python+pandas分析nginx日志的实例
2018/04/28 Python
Python高级特性与几种函数的讲解
2019/03/08 Python
python:按行读入,排序然后输出的方法
2019/07/20 Python
Python使用matplotlib实现交换式图形显示功能示例
2019/09/06 Python
python实现FTP文件传输的方法(服务器端和客户端)
2020/03/20 Python
如何快速一次性卸载所有python包(第三方库)呢
2020/10/20 Python
HTML5+CSS3应用详解
2014/02/24 HTML / CSS
美国知名的时尚购物网站:Anthropologie
2016/12/22 全球购物
iHerb香港:维生素、补充剂和天然保健品
2017/08/01 全球购物
Lowe’s加拿大:家居装修、翻新和五金店
2019/12/06 全球购物
局部内部类是否可以访问非final变量?
2013/04/20 面试题
给女儿的表扬信
2014/01/18 职场文书
模具专业毕业推荐信
2014/03/08 职场文书
文明生主要事迹
2014/05/25 职场文书
国际贸易求职信
2014/07/05 职场文书
反四风对照检查材料
2014/09/22 职场文书
大学生入党积极分子党校学习思想汇报
2014/10/25 职场文书
幼儿园感恩节活动总结
2015/03/24 职场文书
Vue3.0写自定义指令的简单步骤记录
2021/06/27 Vue.js
关于JavaScript 中 if包含逗号表达式
2021/11/27 Javascript
Kubernetes中Deployment的升级与回滚
2022/04/01 Servers