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页面跳转的常用方法整理
Oct 18 Javascript
js 跳出页面的frameset框架示例介绍
Dec 23 Javascript
javascript弹出页面回传值的方法
Jan 28 Javascript
JavaScript中使用自然对数ln的方法
Jun 14 Javascript
JS中对数组元素进行增删改移的方法总结
Dec 15 Javascript
jQuery Collapse1.1.0折叠插件简单使用
Aug 28 jQuery
实现div滚动条默认最底部以及默认最右边的示例代码
Nov 15 Javascript
javascript连接mysql与php通过odbc连接任意数据库的实例
Dec 27 Javascript
vuejs中父子组件之间通信方法实例详解
Jan 17 Javascript
解决vscode进行vue格式化,会自动补分号和双引号的问题
Oct 26 Javascript
vue使用exif获取图片经纬度的示例代码
Dec 11 Vue.js
js动态生成表格(节点操作)
Jan 12 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
异世界新番又来了,同样是从零开始,男主的年龄降到5岁
2020/04/09 日漫
memcached 和 mysql 主从环境下php开发代码详解
2010/05/16 PHP
yii框架源码分析之创建controller代码
2011/06/28 PHP
php中批量替换文件名的实现代码
2011/07/20 PHP
ThinkPHP模板范围判断输出In标签与Range标签用法详解
2014/06/30 PHP
php图片的二进制转换实现方法
2014/12/15 PHP
PHP四种基本排序算法示例
2015/04/09 PHP
深入研究PHP中的preg_replace和代码执行
2018/08/15 PHP
JS 日期与时间戮相互转化的简单实例
2016/06/22 Javascript
JavaScript中的对象和原型(一)
2016/08/12 Javascript
jQuery焦点图左右转换效果
2016/12/12 Javascript
Bootstrap CSS布局之列表
2016/12/15 Javascript
JavaScript实现公历转农历功能示例
2017/02/13 Javascript
js实现图片左右滚动效果
2017/02/27 Javascript
bootstrap fileinput插件实现预览上传照片功能
2018/01/23 Javascript
Vue实现动态创建和删除数据的方法
2018/03/17 Javascript
JavaScript轮播停留效果的实现思路
2018/05/24 Javascript
微信小程序实现分享到朋友圈功能
2018/07/19 Javascript
layUI实现三级导航菜单效果
2019/07/26 Javascript
原生js拖拽实现图形伸缩效果
2020/02/10 Javascript
vue项目中使用多选框的实例代码
2020/07/22 Javascript
[02:57]2014DOTA2国际邀请赛-观众采访
2014/07/19 DOTA
列举Python中吸引人的一些特性
2015/04/09 Python
在Python中进行自动化单元测试的教程
2015/04/15 Python
CentOS中升级Python版本的方法详解
2017/07/10 Python
Python使用matplotlib绘制余弦的散点图示例
2018/03/14 Python
Python实现自定义读写分离代码实例
2019/11/16 Python
Python 代码调试技巧示例代码
2020/08/11 Python
使用CSS3的appearance属性改变任何元素的浏览器默认风格
2012/12/24 HTML / CSS
波比布朗英国官网:Bobbi Brown英国
2017/11/13 全球购物
Exception类的常用方法
2012/06/16 面试题
军训鉴定表自我鉴定
2014/02/13 职场文书
孝老爱亲模范事迹材料
2014/05/25 职场文书
教师作风整改措施思想汇报
2014/10/12 职场文书
python解析json数据
2022/04/29 Python
HTML5中的DOCUMENT.VISIBILITYSTATE属性详解
2023/05/07 HTML / CSS