我们可以从从Iframe本身打开的页面关闭Iframe窗口吗?

Can we close the Iframe window from the page that is opened from the iframe itself?

本文关键字:Iframe 窗口 我们      更新时间:2023-09-26

我使用iframe在项目中打开用户控件。此用户控件包含员工信息,用于保存员工信息。

现在,当我从iframe中显示这个用户控件并保存员工信息时,如果成功保存,我将显示"数据成功保存"的警报。是否有可能当数据成功保存时,它应该自动关闭iframe?下面是代码

 $("#addAliasPopUp").dialog({
                    autoOpen: true,
                    width: width,
                    resizable: false,
                    draggable: false,
                    modal: true,
                    show: { effect: 'blind' }
                }).find('iframe').attr("src", originalURL);

originalURL是包含员工信息的用户控件的URL。URL为:

http://localhost/Demo/Modules/Employee/AddEmployee.aspx?SOURCE_HQ_REF=183229&HQ_SOURCE_NAME=DATAHUB&BUSINESS_RID=183296

您需要在父文档中定义一个函数,并从iframe中调用它:

parent.destroyThisIframe();

在父元素中:

function destroyThisIframe(){
     $('iframe').remove();
}