页面加载器问题

page loader problem

本文关键字：问题 加载      更新时间：2023-09-26

加载代码时遇到问题。客户希望当点击一个标签一个隐藏的加载器div将被显示，当(通过点击)其他页面完全加载加载器将被隐藏。

下面是示例代码 
    function pageLoaded(){
  var hideit = document.getElementById("loadUnload");
  hideit.style.display= "none";
}
window.onload = pageLoaded;
function pageUnloaded(){
  var showit = document.getElementById("loadUnload");
  showit.style.display= "block";
}
window.addEventListener("load", pageLoaded, false);
window.addEventListener("unload", pageUnloaded, false);
window.addEventListener("unbeforeunload", pageUnloaded, false);
window.onload = pageLoaded;
function changeClass(elem, classDark,classSelected) {
  for(objIndex = 0; objIndex < elem.parentNode.children.length; objIndex++) {
       var obj = elem.parentNode.children[objIndex];
       if(obj.className == classSelected) obj.className = classDark;
  }
  elem.className = (elem.className == classDark)?classSelected:classDark;
  elem.children[0].children[0].checked = (elem.className == classSelected) ? true : false;
}
function spinner(){
 var lists = document.getElementsByTagName("a");
 var spinnerdiv = document.getElementById("loadUnload");
  for (var i = 0; i < lists.length; i++)
  {
      lists[i].onclick = function (){
      spinnerdiv.style.display= "block";
      }
  }
}



and the html code is like that

<**div id="loadUnload">
  <**div id="loadingDiv" class="centered"><div class="text">loading...</div></div>
<**/div>

我建议您使用AJAX和Jquery。我相信这将是最好的方法，一旦你习惯使用它，它将解决你的问题。

相关文章：