iframe子页面调用父页面js方法

今天开发网站时遇到一个棘手的问题，因为iframe不提倡使用，所以也没怎么关注和研究过iframe。

问题如下：

我通过freedialog设置了一个iframe打开的子页面，页面中原本拥有完整的功能，但是有个取消按钮,如图

右上角已有关闭按钮，但是为了页面的完整性以及保留美工的完整切图样式，没有去除掉取消按钮，现在的目的是要将取消按钮实现关闭功能。

<input type="button" value="取消" class="btnqx" id="btn_Cancel" />

但是通过jQuery在父页面上通过id选择器是获取不到取消按钮的，于是查了资料，得知解决方案，记录如下：

父页面实现如下方法（仅针对我的项目需要）：

function closedialog() {
    $.freeDialog.close();
}

子页面如下调用：

$("#btn_Cancel").click(function () {

parent.window.closedialog();
});