对于如下一个 iframe,用 js 有什么么方法可以刷新它呢:
-
<iframesrc="1.htm"name="ifrmname"id="ifrmid"></iframe>
方法一、location.reload()根据定位 iframe 的方式不同,有以下方法:1. 用iframe的name属性定位
-
<inputtype="button"name="Button"value="Button"
-
onclick="document.frames('ifrmname').location.reload()">
或
-
<inputtype="button"name="Button"value="Button"
-
onclick="document.all.ifrmname.document.location.reload()">
2. 用iframe的id属性定位
-
<inputtype="button"name="Button"value="Button"
-
onclick="ifrmid.window.location.reload()">
方法二、window.open()
-
<inputtype="button"name="Button"value="Button"
-
onclick="window.open(document.all.ifrmname.src,'ifrmname','')">
该方法尤其适用于 iframe 的 src 为其它网站地址,即跨域操作的情况。方法三、给 src 属性重新赋值
-
<inputtype="button"name="Button"value="Button"
-
onclick="ifrmid.src=ifrmid.src">
<script type="text/javascript"> function partRefresh() {document.getElementById("iframe1Id").src="2.html"; // 方法一: 通过和替换iframe的src来实现局部刷新 } </script>方法四、给 href 属性重新赋值
-
<inputtype="button"name="Button"value="Button"
-
onclick="ifrmid.location.href=ifrmid.src">
转自:http://soli.iteye.com/blog/1754595
分享到:
相关推荐
javascript实现刷新iframe的方法的总结,现在假设存在下面这样一个iframe,则刷新该iframe的N种方法有: 代码如下: <iframe src=”1.htm” name=”ifrmname” id=”ifrmid”></iframe> 第一种方法:用...
JS页面跳转和js对iframe进行页面跳转、刷新
基于bootstrap用JS实现的局部刷新的案例,基于iframe实现tab页切换的效果
基于AdminLTE(bootstrap)用JS实现的局部刷新的案例,这个是使用js刷新局部页面,以及提交的案例,还有使用js刷新的案例在我另外的资源里
Iframe是一种嵌入网页的框架形式,Web页面可以通过更改嵌入的部分,达到部分内容刷新,通过本文和大家一起学习iframe实现局部刷新的几种方法汇总,对iframe局部刷新相关知识感兴趣的朋友一起学习吧
1.如何实现简单页面布局 2.使用jsp如何实现隐藏与显示效果 3.通过iframe实现局部动态更新页面内容 1.界面布局 2.JavaScript实现隐藏缩放
fly.js技术,再iframe中刷新父元素列表,再弹出层中刷新父框架
基于AdminLTE(bootstrap)用JS实现的局部刷新的案例,这个是使用js刷新局部页面,以及提交的案例,还有使用iframe刷新的案例在我另外的资源里
重点是阻止默认的刷新,这样外部页面就不刷新了,然后指定刷新iframe,我下面给出了思路 [removed] = function(e){ if(e.keyCode == 116){ e.preventDefault(); //组织默认刷新 var iframeSrc = iframe.src; ...
JS关于刷新父页面例子:javascript 弹出页面点击确定,刷新父页面 仔细分析学习
在使用iframe时,iframe背景为白块,刷新时也会闪过白块。如果刷新时间长,就会一直出现白块,让人很烦恼,通过网上搜资料,测试很多依然没有效果,最终解决方法如下所示,注意主要针对IE浏览器测试。
经常会使用多个iframe来展示领域模型主子关系(主/子单),测试发现iframe是有cache功能的
iframe的src的值发生改变,才会刷新iframe里面的内容. 所以虽然我代码的url对应的页面有变化了,可是url一直不变,也就是iframe的src的值一直没变.所以不刷新内容; 解决办法 原因找到了,解决就非常容易了.想任何一种...
[优化] 切换tab自动刷新支持每个子页面自定义刷新方法,可实现切换tab只重载表格 [优化] treeTable升级(增加toolbar、筛选列、拖拽列宽等)、dataGrid重构(兼容旧版) [优化] 页面层弹窗也支持tpl:true,弹窗开启tpl会...
但是用iFrame来实现无刷新上传文件确实一个很好的选择。 解决办法是通过一个隐藏的iframe来处理上传操作我采用的是ReactJS,amazeui,nodejs 1.html target指向iframe的name,就是把上传后的操作交给iframe来处理. &...
问题已经解决了,和各位分享代码: [removed] = function() { frames[“BiframeName”].location.href = “B.htm”; } [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]