实现功能：弹出一个DIV层提示等待信息，这个时候禁用用户操作页面中的其他内容

最新推荐文章于 2020-12-01 05:58:03 发布

HenryWang99888

最新推荐文章于 2020-12-01 05:58:03 发布

阅读量2.3k

点赞数

分类专栏： Java Asp.net 文章标签： div function system

11 篇文章

订阅专栏

0 篇文章

订阅专栏

本文介绍了一种通过创建特定的DIV元素来暂时禁用网页交互的方法。具体做法是在页面上叠加一个半透明的全屏DIV，并在中间显示加载提示信息，阻止用户在此期间进行页面操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

实现功能：弹出一个DIV层提示等待信息，这个时候禁用用户操作页面中的其他内容

2008年12月31日 02:09 P.M.

使用半透明的DIV实现禁用页面功能

实现功能：弹出一个DIV层提示等待信息，这个时候禁用用户操作页面中的其他内容。
弹出DIV:

<div id="divWaiting" style="display: none; z-index: 1100; left: 25%; right: 25%; position: absolute;

text-align: center; width: 50%; height: 50px; border-right: #009900 1px solid;

border-top: #009900 1px solid; border-left: #009900 1px solid; border-bottom: #009900 1px solid;

background-color: #f9fff6; left: expression((this.offsetParent.clientWidth/2)-(this.clientWidth/2)+this.offsetParent.scrollLeft);

top: expression((this.offsetParent.clientHeight/2)-(this.clientHeight/2)+this.offsetParent.scrollTop);">

<br>

The system is dealing with your request, please waiting

</div>

弄一个全屏的DIV来覆盖页面：

点击按钮的操作：

document.getElementById("divWaiting").style.display="";

document.getElementById("divDisable").style.display="";

其他处理：

function ChangeDiv()

{

document.getElementById("divDisable").style.height=document.body.offsetHeight+document.body.scrollTop;

}

window.onscroll=ChangeDiv;