如何从包含 aspx 页面按钮的 iframe 中关闭父弹出窗口？答案

【问题标题】：How to Close Parent Popup from Iframe containing aspx page button?如何从包含 aspx 页面按钮的 iframe 中关闭父弹出窗口？
【发布时间】：2016-09-02 12:10:57
【问题描述】：

我有一个弹出窗口，其中包含 iframe，在 iframe 内部我称为 .aspx page 。那么我如何从 .aspx 关闭按钮关闭父弹出窗口。我没有使用AjaxModalPopup。

我试过$('#formModal', window.parent.document).hide();它只是隐藏弹出窗口但不允许点击父页面。

【问题讨论】：

标签： javascript jquery html asp.net iframe

【解决方案1】：

在 iframe 中的 .aspx 页面上，您可以使用：

<span onclick="parent.ClosePopup('send optional variable')">Close this popup</span>

在带有 iframe 的页面上只是一个普通的 javascript 函数。

function ClosePopup(msg) {
    alert(msg);
    //code to close the popup
}

这仅适用于同一域中的页面，请参阅https://en.wikipedia.org/wiki/Same-origin_policy

【讨论】：

【解决方案2】：

我正在使用 magnificPopup，它也使用 iframe。下面是我的代码，

 if (typeof parent.$.magnificPopup != 'undefined') {
            parent.$.magnificPopup.close();
        }

【讨论】：