js添加loading加载样式

来源：互联网发布：上班玩游戏知乎编辑：程序博客网时间：2024/05/18 15:29

在数据没拿到前添加loading加载样式，其中var loadingMask = document.getElementById(‘loadingDiv’);
loadingMask.parentNode.removeChild(loadingMask); 去除加载样式，自己选择加载图片。

var _LoadingHtml = '<div id="loadingDiv" style="position:absolute;left:0;width:100%;height:100%;top:0;background:#000000;opacity:0.3;filter:alpha(opacity=80);z-index:10000;"><div style="position: absolute; cursor1: wait; left:50%; top:50%; width:50%;"><img src="../static/images/waiting.gif"/></div></div>';  document.write(_LoadingHtml);  //监听加载状态改变  document.onreadystatechange = completeLoading;  //加载状态为complete时移除loading效果  function completeLoading() {      if (document.readyState == "complete") {          var loadingMask = document.getElementById('loadingDiv');          loadingMask.parentNode.removeChild(loadingMask);      }  }`

阅读全文

0 0