js实现刷新iframe的方法汇总

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="http://www.jb51.net/";
document.frames("refreshAlarm").src="http://www.jb51.net/";

注意区别:document.all.refreshAlarm 或 document.frames("refreshAlarm") 得到的是http://www.jb51.net/页面中那个iframe标签,所以对src属性操作有用。
document.frames("refreshAlarm").document得到iframe里面的内容,也就是"http://www.jb51.net/"中的内容。

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>

以上所述就是本文的全部内容了,希望大家能够喜欢。

(0)

相关推荐

  • js 监控iframe URL的变化实例代码

    iframe的url可以前端任何地址,这样就可能出现漏洞,如果钓鱼网站通过js把src改成了危险地址,如果没有监控,就会有很大隐患.所以监控iframe的url变化就是必须要解决的问题了. 第一印象的解决方案是通过setInterval轮询监控,貌似不太理想了,而且有延迟. 千般搜索,终于找到了好的方法,可以通过H5新增的MutationObserver来解决,配合DOMAttrModified和onpropertychange来解决兼容性问题. 废话少说,直接上代码. index.html代码

  • js获取IFRAME当前的URL的方法

    在许多时候我们在用iframe的时候都会做分页操作 iframe内部的url跳转将不能直接通过iframe的src属性来获得 iframe的当前url的获取方法 复制代码 代码如下: parent.document.getElementById("content_info").contentWindow.location.href 其中:content_info为iframe的id

  • js实现刷新iframe的方法汇总

    javascript实现刷新iframe的方法的总结,现在假设存在下面这样一个iframe,则刷新该iframe的N种方法有: 复制代码 代码如下: <iframe src="1.htm" name="ifrmname" id="ifrmid"></iframe> 第一种方法:用iframe的name属性定位 复制代码 代码如下: <input type="button" name="B

  • JS控制伪元素的方法汇总

    一. 缘由: 本文源于在OSC社区中,有人提问如何用jq获取伪元素.我第一想法是强大的CSS Query应该可以获取伪元素吧. 然而事实上,CSS Query并不能.即我们不能通过$(":before").$(dom).find(":before")或document.querySelector(":before")来获取:before伪元素. 为此,我不得不重新了解伪元素(Pseudo-elements).为什么不能用JS直接获取伪元素呢? 譬

  • JS生成随机数的多种方法汇总(不同范围、类型的随机数)

    目录 1,生成 [ 0, 1 ) 范围内的随机数(大于等于0,小于1) 2,生成 [ n, m ) 范围内的随机数(大于等于n,小于m) 3,生成 [n,m].(n,m).(n,m] 范围内的随机数 随机整数的生成 1,随机生成 0.1 这两个整数 2,生成 [ 0, n ) 范围内的随机整数(大于等于0,小于n) 3,生成 [ 1, n ] 范围内的随机整数(大于等于1,小于等于n) 4,生成 [ min, max ] 范围内的随机整数(大于等于min,小于等于max) 随机字符串的生成 1,

  • js预加载图片方法汇总

    本文实例汇总了js预加载图片方法.分享给大家供大家参考.具体分析如下: 1. 纯CSS: #preload-01 { background: url(http://domain.tld/image-01.png) no-repeat -9999px -9999px; } #preload-02 { background: url(http://domain.tld/image-02.png) no-repeat -9999px -9999px; } #preload-03 { backgroun

  • js对字符的验证方法汇总

    本文实例汇总了js对字符的验证方法.分享给大家供大家参考.具体如下: 复制代码 代码如下: /**//**  * 检查输入的一串字符是否是字符  * 输入:str  字符串  * 返回:true 或 flase; true表示为全部为字符 不包含汉字  */ function checkStr(str){     if (/[^\\x00-\\xff]/g.test(str)) {         return false;     }     else {         return tru

  • javascript刷新父页面方法汇总详解

    1.用iframe.弹出子页面刷新父页面iframe <script language=JavaScript> parent.location.reload(); </script> 2.弹出子页面 <script language=JavaScript> window.opener.location.reload(); </script> 3.子窗口刷新父窗口 <script language=JavaScript> self.opener.l

  • vue.js实现刷新当前页面的方法教程

    前言 Vue.js(是一套构建用户界面的渐进式框架.与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计.Vue 的核心库只关注视图层,是一种数据驱动的前端框架 我们在开发vue的页面的时候,有时候会遇到需要刷新当前页面功能,但是vue框架自带的router是不支持刷新当前页面功能的,它只支持在路由路径变化时刷新页面.基于这个原理,为了实现刷新页面,可以先跳转到一个空页面,然后马上跳回来,从而实现这个功能. 开发工具环境 vue.js webstorm 方法如下 一.原理 如上图所示,我

  • asp.net实现文件无刷新上传方法汇总

    遇到上传文件的问题,结合之前用到过的swfUpload,又找了一个无刷新上传文件的jquery插件uploadify,写篇博客记录一下分别介绍这两个的实现方法 swfUpload 导入swfUpload的开发包 添加js引用,引用swfUpload.js与handler.js文件,如果对swfUpload不了解.有疑问可以看看这篇文章页面初始化 修改handler.js文件中 上传成功的事件,serverData是服务器端的响应 Uploadify 导入uploadify开发包,从官网下载,官网

  • JS读写CSS样式的方法汇总

    为了日后方便查询,本人翻阅了一些资料总结了以下方法,仅限原生JS,如有不对的地方欢迎指出!只求大家看完觉得有学到点什么就OK了! 一.可以通过DOM节点对象的style对象(即CSSStyleDeclaration对象)来读写文档元素的CSS样式 如:var elm = document.getElementById('test');       elm.style.color = 'black'; 二.通过Element对象的getAttribute().setAttribute().remo

  • js数组去重常见的方法汇总(7种)

    目录 1.借助ES6提供的Set结构 new Set() 简单好用 强烈推荐 2.利用 filter() 去重 3.利用for 循环 搭配 indexOf 去重 4.将数组的每一个元素依次与其他元素做比较,发现重复元素,删除 比较繁琐 不推荐 5.借助新数组 通过 indexOf 方法判断当前元素在数组中的索引,如果与循环的下标相等则添加到新数组中 6.利用双重for循环 7.利用includes实现数组去重 总结 1.借助ES6提供的Set结构 new Set() 简单好用 强烈推荐 直接给一

随机推荐