日期:2014-05-18  浏览次数:20694 次

页面加载数据时,让他出现正在加载的进度调,或者一个提示
页面加载数据时,让他出现正在加载的进度调,或者一个提示

这是怎么做的啊,,或者一个正在加载的图片....很多网站都有这样的,,,不知道他们时怎么做的啊

------解决方案--------------------
一般是这样做的,显示真实的进度一般很难。一般是一个gif图片表示的进度或者loading.
HTML code

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<script type="text/javascript">
   function hideLoadingDiv(){
       //找到processDiv的层,并把它隐藏。
       document.getElementById('processDiv').style.displaly = 'none';
   }

    //当页面加载完毕的时候隐藏进度图层
    window.onload = hideLoadingDiv;
</script>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>进度</title>
  <body>
      <!--这个是放图进度图片的那个层,开始浏览器一加载Dom的时候,就加载了图片,所以就显示在页面上面了-->
      <div id="processDiv"><img src="images/loading.gif"/></div>
       
      <!--下面加载很多东西,比如flash、图片、大型javascript函数库或者其他别的html代码 -->    
      ....
      ....

  </body>
</html>

------解决方案--------------------
补充一下楼上的,
取数据时,显示进度条
document.getElementById('processDiv').style.displaly = '';
当数据获得之后,将进度条隐藏
document.getElementById('processDiv').style.displaly = 'none';