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