javascript - 如何*连续*检测页面是否已完全加载 JS？

Question

有很多方法可以检测页面是否已加载。但是我想连续这样做，但找不到有效的方法。

为了解释连续的意思，让我举个例子。在一个页面中，

• 用户点击某处并请求加载新图像。这会触发一些图像的缓冲。

• JS 代码会自动连续缓冲一些图像。

所以我想检查一下页面中是否没有图片需要加载(还有，正在下载中没有图片)。

[我希望能够了解每张图片是否都已完成下载/缓冲/缓存。这样我就可以请求缓冲新图像。]

我计划在限制缓冲图像数量的同时无限次执行括号中的操作。

在这里您可以示例相关代码:https://stackoverflow.com/questions/35650853/how-to-buffer-next-200-images-when-the-page-is-not-loading-anything

Answer 1

检查文档是否加载:

$( document ).ready(function() {
  //Your code goes here.
});

检查图片是否加载:

$('img').each(function(i, e){
    var img = new Image();
    img.onload = function() {
        console.log($(e).attr('src') + ' - Loaded!');
        $(e).attr('loaded', true);
    }
    img.src = $(e).attr('src');
});