Asp.net 当我用普通请求加载大内容时，有没有办法显示加载的图像（比如ajax加载gif）？

当我用普通请求加载大内容时，有没有办法显示加载的图像（比如ajax加载gif）

我没有ajax请求，但有一个简单的asp.net回发。 我有一个包含数百或数千个元素的大型站点。因此，页面在完全加载之前需要4-10秒，因此页面是白色页面，在呈现之前不会显示任何元素。可能会显示某些元素，但浏览器仍在渲染

如果不使用ajax等，是否有机会显示正在加载的图像？Internet explorer优先

---

（来源：）

将此脚本添加到代码中，并在加载body标记时调用init（）函数

   <script type="text/javascript">
     var ld=(document.all);
      var ns4=document.layers;
     var ns6=document.getElementById&&!document.all;
     var ie4=document.all;
      if (ns4)
        ld=document.loading;
     else if (ns6)
        ld=document.getElementById("loading").style;
     else if (ie4)
        ld=document.all.loading.style;
      function init()
     {
     if(ns4){ld.visibility="hidden";}
     else if (ns6||ie4) ld.display="none";
     }
     </script>

var ld=（document.all）；
var ns4=document.layers；
var ns6=document.getElementById&！所有文件；
var ie4=document.all；
如果（ns4）
ld=文件加载；
否则，如果（ns6）
ld=document.getElementById（“加载”）.style；
否则如果（ie4）
ld=document.all.load.style；
函数init（）
{
如果（ns4）{ld.visibility=“hidden”；}
如果（ns6 | | ie4）ld.display=“无”；
}

和body标记调用Init（）的onload

....
..

让我知道它是否对你有用

---

最好的选择。

您可以创建两个容器：

• 带有加载图像的容器，从开始可见，在加载完成页面上隐藏
• 包含内容的容器，从一开始就隐藏，在页面加载完成时可见

您可以使用javascript使容器在页面加载完成时可见

例如：

<div id="loading_container">
     <img src="http://www.kuka-robotics.com/res/icn/ajax_loader.gif" />
</div>
<div id="main_container" style="display:none">
     <!-- your content here -->
</div>
<script type="text/javascript">
      window.onload=function(){
         document.getElementById("loading_container").style.display = 'none';
         document.getElementById("main_container").style.display = 'block';
      };
</script>

window.onload=function（）{
document.getElementById（“装入容器”）.style.display='none'；
document.getElementById（“主容器”）.style.display='block'；
};

<div id="loading_container">
     <img src="http://www.kuka-robotics.com/res/icn/ajax_loader.gif" />
</div>
<div id="main_container" style="display:none">
     <!-- your content here -->
</div>
<script type="text/javascript">
      window.onload=function(){
         document.getElementById("loading_container").style.display = 'none';
         document.getElementById("main_container").style.display = 'block';
      };
</script>