品易云推流 关闭
文章详情页
文章 > JavaScript > JavaScript预加载图片的操作

JavaScript预加载图片的操作

javascript 图片

头像

小妮浅浅

2021-10-26 09:46:363572浏览 · 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电脑。

关注

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

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

底部广告图