html中iframe控制父页面刷新实现思路及代码
发布时间：2013-07-08 18:21:01 作者：佚名 
我要评论
我要评论正如标题所言具体的实现思路为在b页面中找到a页面，然后找到a页面里的iframe，重新对iframe的src属性进行赋值，下面以实例的方式为大家介绍下，感兴趣的朋友可以参考下哈
一、应用场景
父页面 a.jsp
子页面 b.jsp，作为a页面中嵌入的iframe指向的页面
<body>
<iframe id="frame" src="b.jsp" .../>
</body>
现在在b页面中做了一项操作，操作结束后，需要达到a页面中嵌入的iframe刷新
二、思路
在b页面中找到a页面，然后找到a页面里的iframe，重新对iframe的src属性进行赋值。
三、实现
在b.jsp中
function refresh(){
var frame = window.parent.document.getElementById("frame");
var path = frame.getAttribute("src");
frame.setAttribute("src", path);
}
这样只刷新了frame，局部刷新的效果。
父页面 a.jsp
子页面 b.jsp，作为a页面中嵌入的iframe指向的页面
复制代码
代码如下:<body>
<iframe id="frame" src="b.jsp" .../>
</body>
现在在b页面中做了一项操作，操作结束后，需要达到a页面中嵌入的iframe刷新
二、思路
在b页面中找到a页面，然后找到a页面里的iframe，重新对iframe的src属性进行赋值。
三、实现
在b.jsp中
复制代码
代码如下:function refresh(){
var frame = window.parent.document.getElementById("frame");
var path = frame.getAttribute("src");
frame.setAttribute("src", path);
}
这样只刷新了frame，局部刷新的效果。
相关文章
HTML5 window/iframe跨域传递消息 API介绍
window.postMessage允许多个 window/frame之间跨域传递数据和信息。下面为大家介绍下window.postMessage的工作原理,以及如何在FireFox，IE8+，Opera，Safari和Chrome中使用2013-08-26html Frame、Iframe、Frameset 的区别
框架页有Frame、Iframe、Frameset 3个标记，初学者容易将三者混淆，下面分别讲解三者的区别。2009-11-26- 使用 iframe 可以轻易的调用其他网站的页面，但应谨慎使用。它比创建其他 DOM 元素（包括 style 和 script）多耗费数十甚至数百倍的性能。增加100个不同元素的时间对比显示2009-08-19
- iframe是框架的一种形式，也比较常用到。2009-04-23
HTML阻止iframe跳转页面并使用iframe在页面内嵌微信网页版的实现方法
就想弄一个winform结合html5的一个小东西，突有心血来潮，想在里面嵌套一个微信网页版，下面小编给大家介绍下HTML阻止iframe跳转页面并使用iframe在页面内嵌微信网页版的实2018-01-09
最新评论