如何*连续*检测页面是否满载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');
});