javascript - 关闭弹出窗口

Question

我在关闭弹出窗口时遇到问题。我有一个带有按钮“添加”的页面，当我单击“添加”按钮时，我会调用一个像这样的弹出窗口

 <script>
    var page = "http://Test.aspx"
    var $dialog = $('<div></div>')
              .html('<iframe style="border: 0px;  " src="' + page + '" width="100%" height="100%"></iframe>')
              .dialog({
                  autoOpen: false,
                  modal: true,
                  height: 550,
                  width: 650,
                  title: "ADD Something",
                  close: function (ev, ui) { window.location.reload() }
              });
    $dialog.dialog('close');

    function Insert() {
        $dialog.dialog('open');
    }
<script/>

当我填写表单时，我单击弹出窗口中的“提交”按钮。问题是弹出窗口没有关闭我在提交点击时尝试此操作:

protected void btnSave_Click(object sender, EventArgs e)
    { 
Response.Write("<script type='text/javascript'>");
    Response.Write("alert('Updated Successfully');");
    Response.Write("document.location.href='Test.aspx';");
    Response.Write("</script>");
}

在弹出窗口中保存页面重定向后...我想关闭弹出窗口并重定向到父页面

Answer 1

如果 iframe 内容来自同一服务器，则调用父窗口中的函数。例如

parent.$dialog.dialog('close');