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

我现在有个页面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。跪求大神们指点~~~谢谢

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

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

我在IE下试过了，是可以的。

在父页面写函数，然后在子页面调用也是可以的。

http://bbs.csdn.net/topics/391900014

代码绝对没有问题，前提是不能跨域并且代码要放到按钮后面，要不找不到对象。没有发布网站通过http访问时，不要使用webkit核心浏览器（如chrome，360急速），无法相互访问

 document.getElementById("btn").onclick=function(){
 alert(11)
window.parent.document.getElementById("main").style.display="none";
}