//关闭等待窗口
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="提交数据">

调用closediv()关闭

最新文章

  1. iTextSharp快速使用指南
  2. 使用ClipboardUtils兼容API LEVEL 11以下实现复杂粘贴
  3. [转]Web程序员必须知道的 Console 对象里的九个方法
  4. 【Python】输出中文字符串的两种方法
  5. python中的commands模块
  6. HTML5 文件域+FileReader 读取文件(二)
  7. Yii框架下不同contoller之间的方法调用
  8. codevs 1281 Xn数列 (矩阵乘法)
  9. 【收藏】十大Webserver漏洞扫描工具
  10. 给windows共享 目录付于权限
  11. STM8的GPIO驱动
  12. MySQL XtraBackup自动恢复脚本
  13. Codeforces Round #392 (Div. 2)-758D. Ability To Convert(贪心,细节题)
  14. MYSQL数据库-SELECT详解
  15. Jenkins: 配置信息变更历史
  16. JavaScript介绍-javaScript学习之旅(一)
  17. Android Jetpack之AppCompat(一)
  18. 在HTML页面中有jQuery实现实现拼图小游戏
  19. 行为驱动:Cucumber + Selenium + Java(四) - 实现测试用例的参数化
  20. shell脚本学习之for循环

热门文章

  1. EF:Invalid column name &#39;Discriminator&#39;.
  2. 【BZOJ】【1040】【ZJOI2008】骑士
  3. vitrualbox虚拟机64位安装报错解决
  4. Coder-Strike 2014 - Finals (online edition, Div. 2) C题
  5. Sqli-labs less 27a
  6. mysql修改数据库表权限
  7. POJ 2100
  8. HDU 2955 Robberies (01背包,思路要转换一下,推荐!)
  9. 自制 JS.format带分页索引
  10. mysql之游标