当前位置: 代码迷 >> 综合 >> iframe中元素控制父级页面的操作
  详细解决方案

iframe中元素控制父级页面的操作

热度:2   发布时间:2024-02-26 21:46:16.0

在制作红包雨的过程中,因为想让红包雨复用,所以就用了iframe进行制作,但是中间出现了一些小的问题,比如在iframe中关闭了按钮,他之关闭了当前框架里面的页面,在父级页面中还是显示着这个iframe。相比也有很多小伙伴遇到了这个问题。那么接下来就上代码,帮助解决这个问题,亲测

var closeBtn = document.getElementById('closeBtn');closeBtn.onclick = function (ev) {parent.window.document.getElementById('iframe').style.display = 'none';}

但是这个需要在同一个域名下执行,本地测试的时候会无法实现,需要将项目上线后进行测试。只要在同一个服务器域名下即可。

不清楚的可以在下面留言。可给你实际案例

  相关解决方案