收集页面加载时显示loading的方法

<html>
<head>
<title>梅花雨的页面加载</title>
  <script language=javascript><!--
  document.write('<div id=loadDiv style="padding-top: 50; padding-left: 50">'+
                 '页面正在载入，请等待<span id="loading"></span></div>');
  var setInterval1 = setInterval("loading.innerText += '.'", 300);
  var setInterval2 = setInterval("loading.innerText = ''", 15000);
  function window.onload()
  {
     hiddenDiv.style.display=""; //显示页面内容
     loadDiv.removeNode(true);
     clearInterval(setInterval1);
     clearInterval(setInterval2);
  }
  // --></script>
</head><body>
<div id=hiddenDiv style="display: none">  <!-- 将你的网页所有内容都放在这个div之内即可 --></div>
</body>
</html>

解决方案 »

  1.   

    若是框架网页的话, 在框架网页之前加一个过度页面, 就象CSDN一样:<html>
    <head>
      <meta http-equiv='Content-Type' content='text/html; charset=gb2312'>
      <meta name='author' content='F.R.Huang(meizz梅花雨)//www.meizz.com'>
    </head><body>
    <div  style="padding-top: 50; padding-left: 50">
    <span style="color: red; font-size: 20px; font-family: 楷体_GB2312; font-weight: bold">
    欢迎您的到来！</span><br><br><br>
    &nbsp; &nbsp; &nbsp; &nbsp;
    页面正在载入，请等待<span id="loading"></span></div>
    <script language=javascript><!--
    setInterval("loading.innerText += '.'", 300);
    setInterval("loading.innerText = ''", 15000);
    //window.location.href = "abc.asp"; //这里填写你的目标网页地址
    // --></script>
    </body>
    </html>
      

  2.   

    那这个loading页面是window一重新location，loading叶面就没拿，还是等abc.asp加载完loading才消失，如果是前者那会不会有点假的感觉？呵呵，不好意思初学问题多多
      

  3.   

    第一个 loading 是与页面加载同步的, 即网页加载完毕即结束
    第二个 loading 是一个过渡页, 当开始真正加载页时就消失, 即象CSDN里的那个一样, 当开始真正加载主框架网页里便消失了.