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

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

var closeBtn = document.getElementById('closeBtn');

    closeBtn.onclick = function (ev) {

        parent.window.document.getElementById('iframe').style.display = 'none';
    }

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

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