在网页加载时向用户显示消息答案

【问题标题】：Showing users a message while a web page is loading在网页加载时向用户显示消息
【发布时间】：2025-11-29 23:40:01
【问题描述】：

我已经为 android 移植了一个移动网络应用程序。该应用程序已经运行良好，它位于此处CancerBank。当用户在 Android 应用程序上单击它们时，有些链接的加载时间超过 30 秒，可以在此处下载 Android App。现在我想向用户显示页面正在加载的消息，直到页面完全加载。有没有人有一个插件可以用来完成这个？

我的页面应用是用 javascript、html5 和 css 开发的。

【问题讨论】：

在javascript中使用加载器.....

标签： php javascript android css html

【解决方案1】：

看看这个。这似乎是一个不错的插件。

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

【讨论】：

这是一个图像预加载器...问题是关于加载页面。
@Brainfeeder 我有点假设它适用于整个页面。我猜不是。

【解决方案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
}

【讨论】：

【解决方案3】：

您可以默认隐藏所有页面元素（例如<div class='show_this' style='display: none;'>content</div>），并且只显示包含“加载”动画的 div。然后，您将在页面加载时显示页面元素。例如。在你加载 jQuery 之后放这个：

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

这样的事情可能会奏效。

【讨论】：