谷歌chrome关闭iframeDialog弹框

poppyCL

于 2019-09-22 21:17:16 发布

阅读量844

点赞数

分类专栏： jquery 文章标签： google 关闭弹框 jquery 父页面子页面

本文链接：https://blog.youkuaiyun.com/poppyCL/article/details/101171370

版权

jquery 专栏收录该内容

6 篇文章

订阅专栏

在谷歌Chrome浏览器中调试项目时，遇到关闭子页面弹框的问题。尝试了多种方法，如window.open打开的窗体使用window.opener=null;window.close();等，但未能成功。最终解决方案是在父页面调用特定的closedailog方法，该方法来源于jquery.iframeDialog.js插件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

@TOCgoogle关闭子页面弹框

google关闭子页面弹框

问题

用的google调试项目，用了以下几种方法都不行。
1、

window.close();

必须是使用window.open打开的窗体才可以使用window.opener=null;window.close();无提示关闭窗体。

2、

open(location, '_self').close();

3、

window.open('','_self','');
window.close();

4、

window.location.href="about:blank";
window.close();

解决

父页面

$('#updateDialogOpenLink').iframeDialog({
     id : "fUserAddDialogOpenLink",
     bgiframe: false,
     resizable: true,
     width:"980",
     height:"620",
     modal: true,
     dialogClass: "no-titlebar",
     close: function(event, ui) {
         $(this).remove();
     }
});

$("#pop").click(function () {
    var url = "";// 子页面url
    $("#updateDialogOpenLink").attr("href",url).trigger("click");
})

<button type="button" id="pop">弹出</button>
<a id="updateDialogOpenLink" href="#"></a>

子页面

function close(){
    $(parent.document).find('#closedailog').trigger('click');
}

<button  type="button" onclick="close()">关闭</button>

在这里插入图片描述 closedailog是jquery.iframeDialog.js中的方法