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();
});

iframe子页面调用父页面js方法,古老的榕树,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。