JavaScript實現彈出層（以layer.open為例）

首先，引用layer，自行下載。

添加如下兩行

<script src=" ../layer/jquery.min.js"></script>

<script src=" ../layer/layer.js"></script>

layer.open({
                type: 2,
                skin: 'layui-layer-lan',
                title: '標題',
                fix: false,
                shadeClose: true,
                maxmin: true,
                area: ['800px', '400px'],
                content: 'Default.aspx',
                //end: function () {           //關閉彈出層觸發
                //    location.reload();       //刷新父界面，可改為其他
                //}

            });

在彈出層中，如何點擊提交或者保存時，自動關閉彈出層，刷新父界面？下面來為大家解答。

假設有兩個界面，分別為Default.aspx和Default2.aspx。

在Default.aspx中設置一個Button控件，並隱藏，如下：

<asp:Button ID="Button1" runat="server" Text="刷新" OnClick="Button1_Click"  style="display:none" />

控件Button1的事件內容可以是用來保存臨時數據，防止用戶填寫時，未保存，刷新界面導致數據丟失。

接下來是javascript調用該控件。

<script>
function ShowData()
        {
            document.getElementById("Button1").click();
            var index = parent.layer.getFrameIndex('Default2.aspx');
            parent.layer.close(index);
        }
</script>

在彈出層的提交或者保存按鈕事件中添加如下代碼：

ScriptManager.RegisterStartupScript(this.Page, this.GetType(), "JsFun", "<script type=\"text/javascript\">alert('提交成功!');parent.ShowData();</script>", false);

即可實現，用戶點擊提交或者保存時，彈出提示框，自動關閉彈出層，並刷新父界面。