JavaScript预加载图片的操作

  • Z时代
  • 2024-01-10
  • 分类：综合

美女程序员鼓励师

1、当网络状态不好时，目标图片加载缓慢，需要一张体积小的图片充当占位符。

2、监听DOM的load事件，在DOM对象已加载时，发生此事件。

实例

<body>
    <img src="./red.png" />
    <script>
        const oImg = document.querySelector('img');
        oImg.onload = function () {
            this.src = './green.png';
            this.onload = false;//防止重复调用
        }
    </script>
</body>

以上就是JavaScript预加载图片的操作，希望对大家有所帮助。更多Javascript学习指路：Javascript

推荐操作环境：windows7系统、jquery3.2.1版本，DELL G3电脑。

以上是 JavaScript预加载图片的操作 的全部内容， 来源链接： utcz.com/z/546183.html

回到顶部