方法一(直接复制可使用,样式可以自己设置。)
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 }