在網頁加載時向用戶顯示一條消息

Question

我已經移植了一個用於android的移動web應用程序。該應用程序已運行良好，它位於此處CancerBank。有一些鏈接需要超過30秒才能加載，當用戶點擊Android應用程序時可以在這裏下載Android App。現在我想向用戶顯示一條消息，說明頁面正在加載，直到頁面完全加載。有沒有人有我可以用來實現這個插件？

我的頁面應用程序是在javascript，html5和css中開發的。

Answer 1

看看這個。它看起來像一個不錯的插件。

http://www.gayadesign.com/scripts/queryLoader2/

Answer 2

如果您正在使用jQuery和頁面內容被AJAX加載您可以使用此：

$("body").on({ 
    ajaxStart: function() { 
     // Your code here 
    }, 
    ajaxStop: function() { 
     // your code here 
    }  
}); 

如果你不使用AJAX只是添加加載div當用戶點擊在一個鏈接上。當頁面被加載並且用戶獲得新內容時，這個div將會因爲頁面'刷新'而再次消失。 如果你真的想讓他們等待新頁面加載的所有內容： 添加一個加載div它總是顯示，比使用JavaScript來隱藏它。

window.onload = function() { 
    // hide your div 
} 

Answer 3

默認情況下，您可以隱藏所有頁面元素（例如<div class='show_this' style='display: none;'>content</div>），並只顯示包含「加載」動畫的div。然後，您將在加載頁面時顯示頁面元素。例如。把這個加載jQuery後：

$(document).ready(function(){ 
    $('.loading_message').hide(); 
    $('.show_this').show(); 
}); 

這樣的東西可能會工作。