首页 > 文章列表 > JavaScript预加载图片的操作

JavaScript预加载图片的操作

JavaScript 图片
219 2022-08-06

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>

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