提示用户系统正忙_web方式

最新推荐文章于 2025-08-18 20:44:42 发布

咖啡机

最新推荐文章于 2025-08-18 20:44:42 发布

阅读量280

点赞数

CC 4.0 BY-SA版权

分类专栏： html 文章标签： js html ViewUI

本文链接：https://blog.youkuaiyun.com/qq359593234/article/details/84016756

html 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一个简单的HTML和JavaScript实现的加载提示框方案，用于显示大数据量查询时的等待信息。

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

页面上要有下面这段html代码：


<div id="BusyMsg" align="center" style="z-index:101;left:25%;top:45%;width:50%;height:100; position:absolute; display:none;background:#F7F7F7; background-color: #F7F7F7; border: 1px solid #4284F7;">
	<table height="100%" align="center">
		<tr>
			<td><img src="<%=ctx%>/images/loading.gif" width="16" height="16"/></td>
			<td><label id='MsgText'></label></td>
		</tr>
	</table>
</div>

<div id="BusyDiv" style="position:absolute; top:0; left:0; width:100%; height:100%; z-index:100; display:none;">
	<table style="width:100%;height:100%;background-color: transparent; ">
		<tr><td></td></tr>
	</table>
</div>

加上这些javascript代码：

function onLoading(){

	window.document.all.MsgText.innerHTML = "正在查询数据，请稍候……";
	window.document.all.BusyMsg.style.display = "";
	window.document.all.BusyDiv.style.display = "";
}

function afterLoading(){

	window.document.all.MsgText.innerHTML = "";
	window.document.all.BusyMsg.style.display = "none";
	window.document.all.BusyDiv.style.display = "none";
}

这段代码多用于异步请求大数据量查询的情况。