JS实现 页面提交防刷新等待提示
2024-10-15 15:36:21
//关闭等待窗口
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()关闭
最新文章
- iTextSharp快速使用指南
- 使用ClipboardUtils兼容API LEVEL 11以下实现复杂粘贴
- [转]Web程序员必须知道的 Console 对象里的九个方法
- 【Python】输出中文字符串的两种方法
- python中的commands模块
- HTML5 文件域+FileReader 读取文件(二)
- Yii框架下不同contoller之间的方法调用
- codevs 1281 Xn数列 (矩阵乘法)
- 【收藏】十大Webserver漏洞扫描工具
- 给windows共享 目录付于权限
- STM8的GPIO驱动
- MySQL XtraBackup自动恢复脚本
- Codeforces Round #392 (Div. 2)-758D. Ability To Convert(贪心,细节题)
- MYSQL数据库-SELECT详解
- Jenkins: 配置信息变更历史
- JavaScript介绍-javaScript学习之旅(一)
- Android Jetpack之AppCompat(一)
- 在HTML页面中有jQuery实现实现拼图小游戏
- 行为驱动:Cucumber + Selenium + Java(四) - 实现测试用例的参数化
- shell脚本学习之for循环
热门文章
- EF:Invalid column name &#39;Discriminator&#39;.
- 【BZOJ】【1040】【ZJOI2008】骑士
- vitrualbox虚拟机64位安装报错解决
- Coder-Strike 2014 - Finals (online edition, Div. 2) C题
- Sqli-labs less 27a
- mysql修改数据库表权限
- POJ 2100
- HDU 2955 Robberies (01背包,思路要转换一下,推荐!)
- 自制 JS.format带分页索引
- mysql之游标