iframe框里点击关闭隐藏了里面的div之后，如何把iframe和遮罩层也关闭？

Question

iframe里是另一个html界面，这个界面中我点击关闭x的之后，这个界面的div就display:none了，但是iframe无法隐藏，因为iframe是在另一个页面的，我想知道当我点击iframe里面的关闭按钮之后，怎么把iframe和遮罩层也关闭了

Answer 1

window.parent.postMessage(sendEvent(str),"*")
使用postMessage API进行父子通信也是个不错的办法

Answer 2

在外面

    var myiframe = document.querySelector('#myFrameId');
    myiframe.contentWindow.closeIframe = function() {
        myiframe.style.display = 'none';
    }

在iframe里面调用

window.closeIframe()

try a try?

Answer 3

就直接在关闭事件中设置iframe的css为display:none
let iframes =document.getElementById('iframes');
button.onclick=function(e){

     e.stopPropagation();
     iframes.style.display='none'
 }