html中iframe控制父页面刷新实现思路及代码_HTML/Xhtml

html中iframe控制父页面刷新实现思路及代码_HTML/Xhtml_网页制作

2013-11-19 13:42:59 [小大] 已经帮助：人解决问题

点评：正如标题所言具体的实现思路为在b页面中找到a页面，然后找到a页面里的iframe，重新对iframe的src属性进行赋值，下面以实例的方式为大家介绍下，感兴趣的朋友可以参考下哈

一、应用场景

父页面 a.jsp
子页面 b.jsp，作为a页面中嵌入的iframe指向的页面

复制代码

代码如下:

现在在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，局部刷新的效果。

（责任编辑：）