Question

有没有办法告诉浏览器在后台加载页面时显示加载程序图像？

我正在构建一个基本上是html5应用程序的应用程序，它将加载到webview上。所有文件都将位于设备本身，没有与服务器的交互，因此无法使用AJAX。

如果用户导航到其他页面，则应立即显示加载程序，然后在页面完全加载时隐藏。

这是否可以使用JS完成？

由于

更新

我完全按照你提到的那样做了，在文档准备就绪时显示加载器，在页面卸载然后文档准备好时显示它，但是在页面卸载和其他页面有的时候加载器不可见尚未下载。有没有办法将加载器绑定到浏览器而不是页面？

Answer 1

您可以在所有内容上放置加载屏幕（位置：绝对，100％宽度和高度），并在页面准备就绪时将其淡出。

演示：http://jsfiddle.net/G8GkA/

<div id="page">
    <div id="loader"><span>loading...<span></div>
        content....
</div>

加载时淡出（使用jquery）：

$(function(){
    $('#loader').fadeOut();
});

Answer 2

你可以做这样的事情

<body>
  <div class="LoadingStyle" id="LoadingInfo"></div>
  <div style="visibility:hidden" id="Content">
  <!-- All your content goes here -->
  </div>
</body>

并且document ready你可以这样做

$(function() {
    $("#LoadingInfo").hide();
    $("#Content").css("visibility", "visible");
});

基本思想是在文档未准备就绪时显示内容。

修改

你可以玩它。没有必要隐藏内容。您可以使用绝对定位的div覆盖它并隐藏它。

Answer 3

有一个页面（PageLoader），它将使用ajax加载其他页面，然后可以显示加载程序。

PageLoader将页面名称作为参数并加载页面。

在页面加载NO AJAX时显示加载程序

3 个答案: