当前位置：主页 > 查看内容

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

发布时间：2021-06-12 00:00| 有 位朋友查看

简介：一、应用场景 父页面 a.jsp 子页面 b.jsp，作为a页面中嵌入的iframe指向的页面 复制代码 代码如下: body iframe id="frame" src="b.jsp" .../ /body 现在在b页面中做了一项操作，操作结束后，需要达到a页面中嵌入的iframe刷新 二、思路 在b页面中找到a页面，……
一、应用场景

父页面 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，局部刷新的效果。

原文链接：https://m.jb51.net/web/90368.html
本站部分内容转载于网络，版权归原作者所有，转载之目的在于传播更多优秀技术内容，如有侵权请联系QQ/微信：153890879删除，谢谢！
上一篇：被忽视的META标签之特效(页面过渡效果) 下一篇：Html中版权符号的字体选择问题(如何让版权符号更美观)

推荐图文

  • 周排行
  • 月排行
  • 总排行

随机推荐