站长资源网页制作
html中iframe控制父页面刷新实现思路及代码
简介一、应用场景 父页面 a.jsp 子页面 b.jsp，作为a页面中嵌入的iframe指向的页面 复制代码代码如下: 现在在b页面中做了一项操作，操作结束后，需要达到a页面中嵌入的iframe刷新
一、应用场景
父页面 a.jsp
子页面 b.jsp，作为a页面中嵌入的iframe指向的页面
复制代码代码如下:
<body>
<iframe id="frame" src="/UploadFiles/2021-03-30/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="/UploadFiles/2021-03-30/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，局部刷新的效果。