怎样实现点击iframe导入页面中的按钮关闭这个iframe?

Question

我现在有个页面A，里面有个iframe(假设id为main)。这个iframe导入的页面B里面有个按钮(假设id为btn)。我想要点击这个按钮，关闭整个iframe。
请问怎样才能实现？？

我也搜过一些答案。比如在B的js文件里为btn添加click事件函数：
document.getElementById("btn").onclick=function(){
window.parent.document.getElementById("main").style.display="none";
}

我试过了，然而这种方法并不能隐藏iframe。跪求大神们指点~~~谢谢

Answer 1

在 iframe外面加一个div,btn的事件来改变这个div的隐藏。

                    document.getElementById("btn").onclick=function(){

window.parent.document.getElementById("changeDiv").style.display="none";
}