1.当后台处理时间较长时，可在提交前显示一个层提示 ：
<script type='text/javascript' src='DivLayer.js'></script>
<script type='text/javascript' >
function submitXform() {
var params = {width:300,height:60};
var layer = new Layer(params);
layer.showStringLayer("正在检查并提交，请稍等...");
inputForm.submit();
}
</script>
2.当加载页面需要较长时间时，可使用如下方式提示：
<body>
<script type='text/javascript' src='DivLayer.js'></script>
<script type='text/javascript' >
var params = {width:300,height:60};
var layer = new Layer(params);
layer.showStringLayer("正在加载页面，请稍等...");
</script>
</body>
<script type='text/javascript' >
setInterval("doInit()",100);
function doInit() {
var currentState = document.readyState.toLowerCase();
if (currentState == 'complete') // 文档加载完成
{
// 隐藏提示层
layer.hideLayer();
}
}
</script>
DivLayer.js:
//居中显示的层
var Layer = function(params){
this.params = params;
this.createLayer = function() {
var s = "<div id='center_layer' style='position:absolute;top:50%;left:50%;text-align:center;width:" + this.params.width +";height:"+this.params.height+";margin-top:-"+this.params.height/2+";margin-left:-"+this.params.width/2+";padding-top:"+(this.params.height/4+5)+";z-index:10;display:none;border:1px solid #0099FF;'></div>";
var fullscreen = "<div style='width:100%;height:100%;z-index=9'></div>";
document.write(fullscreen);
document.write(s);
},
this.showStringLayer = function(displayString) {
this.createLayer();
center_layer.innerText = displayString;
center_layer.style.display = "block";
},
this.showImageLayer = function(img) {
this.createLayer();
center_layer.innerHTML = img;
center_layer.style.display = 'block';
},
this.hideLayer = function() {
center_layer.style.display = 'none';
}
}
相关推荐
WEB开发中错误信息大全 非常不错的参考资料
web端各种提示音大全
海康威视 摄像头web 新版开发文档 含插件和多种功能demo； demo可直接运行，如提示浏览器问题可注释相关代码；
正在加载提示信息，WEB开发必不可少的功能。
还在为无法得到海康威视的web开发资源而发愁吗，还在为没有最新标准的web开发包而盲目下载资源吗？该资源为2019年1月9日向海康威视官方索要的32位web开发包
Web开发人员需要用到的ChatGPT提示词Prompts指令 做Web开发的时候也遇到各种让人抓狂的问题。比如不懂SEO导致流量越来越低，页面加载慢，网站不适配手机等等 最近发现只需给ChatGPT提供15个精准的Prompts，它就可以...
小提示：可在我的CSDN账号点击一下 进入到我的上传资源 这样可以快速一下找全4卷下载 ">Java Web开发实战1200例 第二卷 PDF 这是PDF教程 在CSDN找了很久 看到的都是源码（源码可在CSDN下载） 现在上传PDF帮助大家...
《php和mysql web开发(原书第4版)》：开发人员专业技术丛书。 目录 读者反馈 译者序 前言 作者简介 第一篇 使用PHP 第1章 PHP快速入门教程 1.1 开始之前：了解PHP 1.2 创建一个示例应用：Bob汽车零部件商店 ...
web开发助手.rar web开发助手.rar 在eclipse下开发web的效率工具。用来提示各种web框架的提示。
WEB 前端开发规范文档 本文档旨在为 WEB 前端开发提供一份详细的规范文档，涵盖了 Web UI 美工设计命名规范、网站设计及基本框架结构、命名规则、文件规范等方面的内容。 一、网站设计及基本框架结构 1. ...
Web项目常用开发工具。eclipse启动报错 java was started but returned exit code = -805306369，或者是eclipse卡死，关闭后提示这个错误。等多种学习的技巧
6.10.3 检查类的类型和类型提示 6.10.4 克隆对象 6.10.5 使用抽象类 6.10.6 使用__call()重载方法 6.10.7 使用__autoload()方法 6.10.8 实现迭代器和迭代 6.10.9 将类转换成字符串 6.10.10 使用Reflection（反射）...
Java Web开发学习手册》以初学者为对象，全面介绍了使用JavaWeb开发程序的相关技术。在内容安排上由浅入深，让读者循序渐进地掌握编程技术；在内容讲解上结合丰富的图解和形象的比喻，帮助读者理解晦涩难懂的技术；...
在 Java Web 开发框架中创建 VoiceXML 页面 在 Java Web 开发框架中创建 VoiceXML 页面是近年来发展起来的一种技术，目的是为了使telephone 应用程序更好地与 Web 应用程序集成。VoiceXML 是一种专门为电话应用程序...
01如何生成包含字母和数字的图片验证码02如何检测输入的图片验证码是否正确. 03 如何使用自定义404错误页面提升用户体验.....04如何使用WTForms验证...19 如何实现message消息提示.20使用Paginator实现数据分页.21 利用
数据库配置文件在myTest2文件夹下的settings.py中其中有DATABASE字段是数据库字段，请酌情修改。 此时数据库表已经建立完成。 之后就可以登陆数据库查看了。 想要跑动这个项目，只要python3 manage.py runserver即可...
通过由浅入深的讲解，你将学会如何构建具有丰富交互以及优雅体验的JavaScript应用，书中同样提供了大量的示例代码，可以帮助你更深入的理解很多重要的概念。 揭开MVC的神秘面纱，教你如何设计合理的架构以及处理...