當我用普通請求加載大內容時，是否有任何方式顯示加載圖像（如ajax加載gif）？

當我用普通請求加載大內容時，有什麼方法可以顯示加載圖像（如ajax加載gif）嗎？當我用普通請求加載大內容時，是否有任何方式顯示加載圖像（如ajax加載gif）？

我沒有ajax請求，但一個簡單的asp.net回發。而且我有一個擁有數百或數千個元素的大型網站。因爲頁面需要說4-10秒，直到它完全加載，因此頁面是白頁，並且在渲染之前不顯示任何元素。也許顯示一些元素，但瀏覽器仍在渲染。

有沒有機會不使用ajax等顯示加載圖像？ Internet Explorer首選。

http://www.kuka-robotics.com/res/icn/ajax_loader.gif

2013-02-19 Keith L.

添加這個腳本代碼，並調用init（）函數在body標籤的onload的。

<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>

並調用body標籤調用Init（）;

<body style="background-color:#FFFFFF;" onLoad="init()"> 
<div id="loading" style="position:absolute; width:200px; height:163px; text-align:center;top:310px; left:487px;"> 
<img src="load.gif" border=0 /></div> 

.... 

.. 
</body>

讓我知道它是否適用於你。

一切順利。

來源

2013-02-19 10:03:36 sharad

您可以創建兩個容器：

與加載圖像的容器，從開始可見和隱藏在頁面加載完成
與內容物的容器，從開始隱藏，並就頁面加載可見完成

並且您可以使用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>

來源

2013-02-19 10:04:12

當我用普通請求加載大內容時，是否有任何方式顯示加載圖像（如ajax加載gif）？

回答

相關問題