如何用javascript制作页面打开loading条！请讲下原理即可，不用代码

Question

给你地址 用YUI做的LOADING很不错  应该运用很广泛。
http://developer.yahoo.com/yui/examples/container/panel-loading_clean.html
做起来很简单  源码全有 原理就是做个类似层 层里加个图片

Answer 1

//下边代码放在页面的上边 当打开页面的时候首先会执行这里，进去条 当页面打开后会删掉进度条。
<div id="loading">
<!-- 这里是你要加载的图片，类似于进度条但是假的 -->
<img src="../images/myloading.gif"/>
</div>
<script type="text/javascript">
<!--
//判断页面是否加载完毕，如果加载完毕，就删除加载信息的DIV
function document.onreadystatechange()
{
try
{
if (document.readyState == "complete") 
{
      delNode("loading");

    }
    }
    catch(e)
    {
     alert("页面加载失败");
    }
}//删除指定的DIV
function  delNode(nodeId)
{   
  try
  {   
  var div =document.getElementById(nodeId);  
  if(div !==null)
  {
  div.parentNode.removeChild(div);   
  div=null;    
  CollectGarbage(); 
  }  
  }
  catch(e)
  {   
      alert("删除ID为"+nodeId+"的节点出现异常");
  }   
}
//-->
</script>

Answer 2

8楼的朋友：
难道这个————document.readyState == "complete"
          就能判断页面是否加载完毕啊，如果是这样的话，那就简单了