javascript - 如何检测浏览器是否正在加载

Question

当用户单击将在同一页面中显示大图像的链接时，我试图显示加载图像。

我想知道在页面已经加载时检测图像加载的最佳方法是什么（所以 window.onload() 不起作用）。

Answer 1

$("img.loader").show();
$("img.big").ready(function() {
  $("img.loader").hide();
}):

Answer 2

使用 JavaScript 加载图像，然后您可以使用图像的onLoad属性：

Image1 = new Image();
Image1.src = 'photo.gif';

/* Code here to display loading hour glass etc */

Image1.onload = function() {
                           /* Image has loaded here */
                        }

Answer 3

将“onclick”事件添加到您的链接，其中通过 setTimeout 显示您的加载图像。例如

<a href="...some slow loading page" onclick="setTimeout(showLoading,1)">Link Text</a>

function showLoading() {
   // Code to show "Loading..."
}