在某些情况下图像延迟加载会绕过 windows.onload 事件吗？

Question

我正在网页上加载大量图像。我的理解是使用延迟加载可以让 windows.onload 事件更快发生。如果这是真的，我的问题是这样的..我正在页面上使用一个脚本部分来侦听 windows.onload 事件。如果由于延迟加载而最初未加载某些图像，脚本是否会错过它们，或者每次用户滚动并加载更多图像时都会触发 windows.onload 事件？这是有问题的脚本...

  **<script>
    window.onload = function () {
      let elements = document.getElementsByClassName("cat");

      for (let i = 0; i < elements.length; i++) {
        elements[i].style = "cursor: pointer";
        elements[i].onclick = function () {
          saveProfile(elements[i]);
        };
      }
    };
  </script>**

Answer 1

图像元素将存在于 DOM 中，因此可以在页面加载完成后选择它们。但是，在以编程方式或自然加载图像之前，您将无法通过 DOM 方法访问实际图像数据。