在頁面加載時顯示臨時圖像

Question

我開發了一個網頁，因爲我從網頁上取消了數據，所以加載需要一些時間。

但是在那段時間後面會顯示一個空白頁。我需要顯示一個替代圖像，直到頁面加載。幫我做到這一點。在此先感謝

Answer 1

如果您使用jQuery的ajax，您可以使用。 ajaxStart和。 ajaxComplete事件顯示要

$("#loading").ajaxStart(function(){ 
    $(this).show(); 
}); 


$("#msg").ajaxComplete(function(event,request, settings){ 
    $(this).append("Request Complete."); 
}); 

Answer 2

任何一個簡單而巧妙的解決辦法是在覆蓋整個頁面，並在一切之上一個div使用動態GIF，那麼當加載完成簡單的隱藏此層。

這不需要Ajax和IE4以來的天數（當我第一次用它）

Answer 3

試試這個已經工作;

1. 您需要一個名爲div的包含加載圖像並將顯示設置爲無。
2. 創建一個.js文件並從需要加載器的每個頁面引用它。
3. 在JS中，調用一個方法來設置div的可見性來阻塞（如果你喜歡，把它放在一個setTimeout調用中，所以只有在頁面加載時間超過幾秒時纔會觸發）。
4. 添加一個window.onload事件來將div的顯示模式設置爲none。

唯一的依賴是如果你期望大部分加載時間在服務器端，你需要確保響應緩衝允許頁面在服務器處理完成之前開始加載。無論哪種方式，這是一個方便的腳本頁面需要一段時間才能加載由於網絡延遲，只要確保.js嵌入的頭腦。