等待提交页面防止用户重复提交

来源：互联网发布：mac没有任何来源选项编辑：程序博客网时间：2024/05/16 14:08

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>无标题页</title>
    <script language="javascript" >

    //关闭等待窗口
function closediv() {
    //Close Div
    document.body.removeChild(document.getElementById("bgDiv"));
    document.getElementById("msgTitle").removeChild(document.getElementById("btnCloseDiv"));
    document.getElementById("msgDiv").removeChild(document.getElementById("msgTitle"));

    document.body.removeChild(document.getElementById("msgDiv"));

}
//显示等待窗口
function showdiv(str) {
    var msgw, msgh, bordercolor;
    msgw = 400; //提示窗口的宽度
    msgh = 100; //提示窗口的高度
    bordercolor = "#336699"; //提示窗口的边框颜色
    titlecolor = "#99CCFF"; //提示窗口的标题颜色

    var sWidth, sHeight;
    sWidth = window.screen.availWidth;
    sHeight = window.screen.availHeight;

   // alert(sWidth);alert(sHeight);

    var bgObj = document.createElement("div");
    bgObj.setAttribute('id', 'bgDiv');
    bgObj.style.position = "absolute";
    bgObj.style.top = "0";
    bgObj.style.background = "#777";
    bgObj.style.filter = "progid:DXImageTransform.Microsoft.Alpha(style=3,opacity=25,finishOpacity=75";
    bgObj.style.opacity = "0.6";
    bgObj.style.left = "0";
    bgObj.style.width = sWidth + "px";
    bgObj.style.height = sHeight + "px";
    document.body.appendChild(bgObj);
    var msgObj = document.createElement("div")
    msgObj.setAttribute("id", "msgDiv");
    msgObj.setAttribute("align", "center");
    msgObj.style.position = "absolute";
    msgObj.style.background = "white";
    msgObj.style.font = "12px/1.6em Verdana, Geneva, Arial, Helvetica, sans-serif";
    msgObj.style.border = "1px solid " + bordercolor;
    msgObj.style.width = msgw + "px";
    msgObj.style.height = msgh + "px";

    //alert(document.documentElement.scrollTop);

    msgObj.style.top = (document.documentElement.scrollTop + (sHeight - msgh) / 2) + "px";
    msgObj.style.left = (sWidth - msgw) / 2 + "px";
    var title = document.createElement("h4");
    title.setAttribute("id", "msgTitle");
    title.setAttribute("align", "right");
    title.style.margin = "0";
    title.style.padding = "3px";
    title.style.background = bordercolor;
    title.style.filter = "progid:DXImageTransform.Microsoft.Alpha(startX=20, startY=20, finishX=100, finishY=100,style=1,opacity=75,finishOpacity=100);";
    title.style.opacity = "0.75";
    title.style.border = "1px solid " + bordercolor;
    title.style.height = "18px";
    title.style.font = "12px Verdana, Geneva, Arial, Helvetica, sans-serif";
    title.style.color = "white";

    var btnCloseDiv=document.createElement("input");
    btnCloseDiv.setAttribute("type","button");
    btnCloseDiv.setAttribute("value","关闭");
    btnCloseDiv.setAttribute("width","5px");
    btnCloseDiv.setAttribute("id", "btnCloseDiv");
    btnCloseDiv.onclick = closediv;
    title.appendChild(btnCloseDiv);

    //title.style.cursor = "pointer";
    //title.innerHTML = "关闭";
    //title.onclick = closediv;

    document.body.appendChild(msgObj);
    document.getElementById("msgDiv").appendChild(title);
    var txt = document.createElement("p");
    txt.style.margin = "1em 0"
    txt.setAttribute("id", "msgTxt");
    txt.innerHTML = str;
    document.getElementById("msgDiv").appendChild(txt);
}
//屏蔽F5
document.onkeydown = mykeydown;
function mykeydown() {
    if (event.keyCode == 116) //屏蔽F5刷新键
    {
        window.event.keyCode = 0;
        return false;
    }
}

    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <asp:Button runat="server" ID="kait" Text="wait" OnClientClick="showdiv('表达数据提交中<br/>请稍候........ <br/>');" OnClick="kait_Click" />
    </div>
    </form>
</body>
</html>