Question

问题
我希望在任何页面为loading时播放加载程序，并在加载complete page时停止工作。有什么想法吗？

我是jquery或javascript的新手。

Answer 1

你需要监听事件onload

window.onload = function() {
 // do something
}

或在jquery中

$(window).load(function() {
      // do something
});

但是使用jquery可以更好地使用：

$(document).ready(function() {
    // do something
});

Answer 2

使用加载图片立即将DIV放在页面上。将此脚本放在页面上的任何位置或外部脚本文件的顶部：

$('BODY').append('<div id="loading"><img src="images/loading.gif" /></div>');

显然你需要设计它以将它定位在任何你想要的位置。我们这样做而不是仅仅将其硬编码到页面内容中，以便禁用JavaScript的任何人都不会看到它。

然后附加到load事件以在页面完成后隐藏加载DIV。将此脚本放在页面底部或$(document).ready()内。

$(window).load(function() {
    $('#loading').hide();
});

Answer 3

您可以使用ajaxStart和ajaxStop方法。

<强>演示：

点击查看源查看CSS和javascript。有一个div作为加载和div样式div来显示ajax微调器。每当触发ajax方法时，它将显示加载div，并且当ajax请求完成时，它会隐藏加载div。

请注意，您需要在所有要显示它的页面中加载div。

Answer 4

如果你想在刷新时显示ajax微调器，

查看源代码以查看实现

每次刷新它都会显示ajax微调器，当DOM准备好时它会隐藏ajax微调器。