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

2020-12-12 23:27

阅读:614

标签:style   blog   class   width   2014   http   

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

问题如下:

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

soscw.com,搜素材

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

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

父页面实现如下方法(仅针对我的项目需要):

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

子页面如下调用:

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

    parent.window.closedialog();
});

iframe子页面调用父页面js方法,搜素材,soscw.com

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

标签:style   blog   class   width   2014   http   

原文地址:http://www.cnblogs.com/tq1226112215/p/3706365.html

上一篇:asp.net 分布式缓存

下一篇:pageHtml.cs


评论


亲,登录后才可以留言!