页面数据正在加载提示

方法一(直接复制可使用,样式可以自己设置。)

 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 }

 

posted @ 2018-07-10 16:36  敲代码的小浪漫  阅读(2633)  评论(0编辑  收藏  举报