页面数据正在加载提示

方法一（直接复制可使用，样式可以自己设置。）

 1 var _LoadingHtml = '<div style="text-align:center;padding-top:10%;">页面加载中，请等待...</div>';//在页面未加载完毕之前显示的loading Html自定义内容
 2 document.write(_LoadingHtml);//呈现loading效果
 3 document.onreadystatechange = completeLoading;//监听加载状态改变
 4 //加载状态为complete时移除loading效果
 5 function completeLoading() {
 6     if (document.readyState == "complete") {
 7         var loadingMask = document.getElementById('loadingDiv');
 8         loadingMask.parentNode.removeChild(loadingMask);
 9     }
10 }

 

转载于:https://www.cnblogs.com/ywy8/p/9289872.html