您现在的位置是：网站首页> 编程资料编程资料
html中iframe控制父页面刷新实现思路及代码_HTML/Xhtml_网页制作_
2021-09-13
871人已围观
简介 正如标题所言具体的实现思路为在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，局部刷新的效果。
父页面 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中版权符号的字体选择问题(如何让版权符号更美观)_HTML/Xhtml_网页制作_
- frameset(划分框窗)常用属性整理_HTML/Xhtml_网页制作_
- 常用input文本框内容自动垂直居中并默认提示文字单击为空_HTML/Xhtml_网页制作_
- input文本框和img验证码对齐问题(img总比input高出一个头)_HTML/Xhtml_网页制作_
- 关于HTML中的滚动条使用技巧分享_HTML/Xhtml_网页制作_
- html知识点实践经验总结_HTML/Xhtml_网页制作_
- map标签的参数详细介绍及使用示例_HTML/Xhtml_网页制作_
- html发送邮件通过Mailto简单实现_HTML/Xhtml_网页制作_
- DIV常用属性大全自己整理_HTML/Xhtml_网页制作_
- HTML超出文本显示省略号...通过text-overflow实现_HTML/Xhtml_网页制作_
