javascript 基本图像延迟加载

Posted 2021-05-04

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了javascript 基本图像延迟加载相关的知识，希望对你有一定的参考价值。

// <img data-src="image.png" alt="">

[].forEach.call(document.querySelectorAll('img[data-src]'), function (img) {
  img.setAttribute('src', img.getAttribute('data-src'))
  img.onload = function () {
    img.removeAttribute('data-src')
  }
})

以上是关于javascript 基本图像延迟加载的主要内容，如果未能解决你的问题，请参考以下文章

通过 JavaScript 加载 SPDY 和延迟图像

简单的JavaScript图像延迟加载库Echo.js

javascript 防止从延迟加载的图像中恢复内容

使用纯 JavaScript 的基本无限滚动/延迟加载博客文章

在不延迟页面加载的情况下将图像不可见地预加载到 DOM [重复]

延迟后如何在 tableView 中加载图像？