文章 > JavaScript > JavaScript预加载图片的操作

JavaScript预加载图片的操作

javascript 图片

小妮浅浅

2021-10-26 09:46:36884浏览 · 0收藏 · 0评论

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电脑。

关注公众号,随时随地在线学习

本教程部分素材来源于网络,版权问题联系站长!

Baidu