JQuery EasyUI 的加载等待效果....

最新推荐文章于 2021-08-12 11:45:14 发布

原创最新推荐文章于 2021-08-12 11:45:14 发布 · 4.7k 阅读

0 ·

CC 4.0 BY-SA版权

jquery-easyui 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现页面加载时显示遮罩层和提示消息的方法。通过创建并定位两个临时DOM元素，可以在页面加载过程中展示友好的用户体验，提示用户等待页面加载完成。

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

function onloading(){
	 $("<div class=\"datagrid-mask\"></div>").css({display:"block",width:"100%",height:$(window).height()}).appendTo("body"); 
	 $("<div class=\"datagrid-mask-msg\"></div>").html("正在处理，请稍候。。。").appendTo("body").css({display:"block",left:($(document.body).outerWidth(true) - 190) / 2,top:($(window).height() - 45) / 2}); 
}
function removeload(){
	$(".datagrid-mask").remove();
	$(".datagrid-mask-msg").remove();
}