html中iframe控制父页面刷新实现思路及代码_HTML/Xhtml_网页制作
程序员文章站
2022-04-13 09:09:08
...
一、应用场景
父页面 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,局部刷新的效果。
父页面 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,局部刷新的效果。
推荐阅读
-
html中iframe控制父页面刷新实现思路及代码_HTML/Xhtml_网页制作
-
iframe子页面操作父页面并实现屏蔽页面弹出层效果_HTML/Xhtml_网页制作
-
html中iframe控制父页面刷新实现思路及代码_HTML/Xhtml_网页制作
-
使用iframe实现提交表单不刷新页面_HTML/Xhtml_网页制作
-
iframe子页面操作父页面并实现屏蔽页面弹出层效果_HTML/Xhtml_网页制作
-
使用iframe实现提交表单不刷新页面_HTML/Xhtml_网页制作
-
iframe截取网站部分内容实现思路及代码_HTML/Xhtml_网页制作
-
iframe截取网站部分内容实现思路及代码_HTML/Xhtml_网页制作
-
利用iframe技巧获取访问者qq实现思路及示例代码_HTML/Xhtml_网页制作
-
利用iframe技巧获取访问者qq实现思路及示例代码_HTML/Xhtml_网页制作