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 相关文章推荐
javascript编程起步(第二课)
Feb 27 Javascript
JS,Jquery获取select,dropdownlist,checkbox下拉列表框的值(示例代码)
Jan 11 Javascript
javascript复制粘贴与clipboardData的使用
Oct 16 Javascript
JavaScript通过HTML的class来获取HTML元素的方法总结
May 24 Javascript
Jquery组件easyUi实现表单验证示例
Aug 23 Javascript
node.js学习之交互式解释器REPL详解
Dec 08 Javascript
JavaScript中的 attribute 和 jQuery中的 attr 方法浅析
Jan 04 Javascript
JavaScript无阻塞加载和defer、async详解
Feb 26 Javascript
JavaScript数据结构之二叉树的计数算法示例
Apr 13 Javascript
Angular 2父子组件数据传递之@ViewChild获取子组件详解
Jul 04 Javascript
浅谈React 服务器端渲染的使用
May 08 Javascript
EasyUI 数据表格datagrid列自适应内容宽度的实现
Jul 18 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 中的输出缓冲
2006/12/21 PHP
smarty内置函数{loteral}、{ldelim}和{rdelim}用法实例
2015/01/22 PHP
php实现微信公众号主动推送消息
2015/12/31 PHP
PHP+shell脚本操作Memcached和Apache Status的实例分享
2016/03/11 PHP
Javascript-Mozilla和IE中的一个函数直接量的问题分析
2007/08/12 Javascript
纯js实现背景图片切换效果代码
2010/11/14 Javascript
JS,Jquery获取select,dropdownlist,checkbox下拉列表框的值(示例代码)
2014/01/11 Javascript
Nodejs Post请求报socket hang up错误的解决办法
2014/09/25 NodeJs
基于jquery实现放大镜效果
2015/08/17 Javascript
Angularjs注入拦截器实现Loading效果
2015/12/28 Javascript
Extjs让combobox写起来简洁又漂亮
2017/01/05 Javascript
JS实现图片高斯模糊切换效果的焦点图实例
2017/01/21 Javascript
js 转义字符及URI编码详解
2017/02/28 Javascript
jQuery:unbind方法的使用详解
2017/08/14 jQuery
微信小程序基于slider组件动态修改标签透明度的方法示例
2017/12/04 Javascript
Vue实现动态添加或者删除对象和对象数组的操作方法
2018/09/21 Javascript
vue实现密码显示与隐藏按钮的自定义组件功能
2019/04/23 Javascript
详解为什么Vue中的v-if和v-for不建议一起用
2021/01/13 Vue.js
[01:07:13]TNC vs Pain 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
Python排序搜索基本算法之冒泡排序实例分析
2017/12/09 Python
Pyqt实现无边框窗口拖动以及窗口大小改变
2018/04/19 Python
python抓取京东小米8手机配置信息
2018/11/13 Python
python用pandas数据加载、存储与文件格式的实例
2018/12/07 Python
numpy:np.newaxis 实现将行向量转换成列向量
2019/11/30 Python
python读写文件write和flush的实现方式
2020/02/21 Python
django 实现手动存储文件到model的FileField
2020/03/30 Python
使用python接受tgam的脑波数据实例
2020/04/09 Python
Python如何爬取51cto数据并存入MySQL
2020/08/25 Python
css3 自定义字体font-face使用介绍
2014/05/14 HTML / CSS
input file上传文件样式支持html5的浏览器解决方案
2012/11/14 HTML / CSS
美国酒店控股公司:Choice Hotels
2018/06/15 全球购物
The Beach People美国:澳洲海滨奢华品牌
2018/07/05 全球购物
美赞臣营养马来西亚旗舰店:Enfagrow马来西亚
2019/07/26 全球购物
环境科学毕业生自荐信
2013/11/21 职场文书
师范学院毕业生求职信范文
2013/12/26 职场文书
2014年数学教研组工作总结
2014/12/06 职场文书