页面提交防刷新等待提示代码,JS代码库,德仔网

代码语言

代码分类

【JS】页面提交防刷新等待提示

作者:zhensoft163 / 发布于2014/4/10/ 598

页面提交防刷新等待提示

//关闭等待窗口
function closediv() {
  //Close Div
  document.body.removeChild(document.getElementById("bgDiv"));
  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;

  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";
  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";
  //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;
  }
} 



//使用页面直接调用这个js文件，然后在按钮的onclick事件中填写：

//<INPUT onclick="showdiv('表达数据提交中<br/>请稍候........ <br/> );" type="button" value="提交数据">

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　提交防刷新　

同语言下

可能有用的

zhensoft163贡献的其它代码(11)