JavaScript预加载图片的操作

1,200次阅读
没有评论

JavaScript预加载图片的操作

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

神龙|纯净稳定代理IP免费测试>>>>>>>>天启|企业级代理IP免费测试>>>>>>>>IPIPGO|全球住宅代理IP免费测试

相关文章:

版权声明:JavaScript2022-12-15发表,共计428字。
新手QQ群:570568346,欢迎进群讨论 Python51学习