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 02 Javascript
jquery使用$(element).is()来判断获取的tagName
Aug 24 Javascript
js实现网页右上角滑出会自动消失大幅广告的方法
Feb 27 Javascript
当jquery ajax遇上401请求的解决方法
May 19 Javascript
jQuery的$.extend 浅拷贝与深拷贝
Mar 08 Javascript
用JavaScript和jQuery实现瀑布流
Mar 19 Javascript
JQuery.dataTables表格插件添加跳转到指定页
Jun 09 jQuery
日期时间范围选择插件:daterangepicker使用总结(必看篇)
Sep 14 Javascript
vue项目中jsonp跨域获取qq音乐首页推荐问题
May 30 Javascript
js实现类似iphone的网页滑屏解锁功能示例【附源码下载】
Jun 10 Javascript
JavaScript链式调用原理与实现方法详解
May 16 Javascript
Electron实现应用打包、自动升级过程解析
Jul 07 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中static关键字原理的学习研究分析
2011/07/18 PHP
php仿QQ验证码的实例分析
2013/07/01 PHP
PHP实现类似于C语言的文件读取及解析功能
2017/09/01 PHP
js中创建对象的几种方式示例介绍
2014/01/26 Javascript
JavaScript中实现单体模式分享
2015/01/29 Javascript
JavaScript 对象深入学习总结(经典)
2015/09/29 Javascript
JavaScript暂停和继续定时器的实现方法
2016/07/18 Javascript
jquery判断对象是否为空并遍历对象的简单实例
2016/07/26 Javascript
jquery仿苹果的时间/日期选择效果
2017/03/08 Javascript
jquery基于layui实现二级联动下拉选择(省份城市选择)
2017/06/20 jQuery
Bootstrap滚动监听组件scrollspy.js使用方法详解
2017/07/20 Javascript
微信小程序之页面拦截器的示例代码
2017/09/07 Javascript
超好用的jQuery分页插件jpaginate用法示例【附源码下载】
2018/12/06 jQuery
详解jQuery如何实现模糊搜索
2019/05/10 jQuery
vue cli3.0打包上线静态资源找不到路径的解决操作
2020/08/03 Javascript
Python实现在matplotlib中两个坐标轴之间画一条直线光标的方法
2015/05/20 Python
python实现将文本转换成语音的方法
2015/05/28 Python
Python检测网络延迟的代码
2018/05/15 Python
python版本单链表实现代码
2018/09/28 Python
详解python做UI界面的方法
2019/02/27 Python
利用OpenCV和Python实现查找图片差异
2019/12/19 Python
Python with标签使用方法解析
2020/01/17 Python
Python 给下载文件显示进度条和下载时间的实现
2020/04/02 Python
浅谈pymysql查询语句中带有in时传递参数的问题
2020/06/05 Python
Django实现微信小程序支付的示例代码
2020/09/03 Python
html5 canvas实现跟随鼠标旋转的箭头
2016/03/11 HTML / CSS
HTML5 离线应用之打造零请求、无流量网站的解决方法
2013/04/25 HTML / CSS
加拿大著名的奢侈品购物网站:SSENSE(支持中文)
2020/06/25 全球购物
关于爱情的广播稿
2014/01/16 职场文书
模具数控专业自荐信
2014/01/27 职场文书
书法比赛获奖感言
2014/02/10 职场文书
我爱读书演讲稿
2014/05/07 职场文书
2014大学班主任工作总结
2014/11/08 职场文书
详解Python牛顿插值法
2021/05/11 Python
javascript拖曳互换div的位置实现示例
2021/06/28 Javascript
java中如何截取字符串最后一位
2022/07/07 Java/Android