• 技术文章 >Web开发 >JavaScript

    JavaScript预加载图片的操作

    小妮浅浅小妮浅浅2021-10-26 09:46:36原创175

    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 图片
    品易云
    上一篇:Javascript如何用原型对象继承父类型 下一篇:JavaScript原型链继承是什么

    相关文章推荐

    • javascript关系操作符如何使用• javascript相等操作符的使用• javascript max和min的使用• JavaScript逻辑运算符里的短路• JavaScript构造函数的优缺点• JavaScript原型添加存在的属性• JavaScript原型链继承的注意点• JavaScript如何盗用构造函数• JavaScript组合继承的实现• JavaScript全局作用域是什么• JavaScript局部作用域的分类• JavaScript作用域链的形成• JavaScript中call方法的使用• JavaScript对象原型__ proto__的介绍• Javascript如何用原型对象继承父类型

    全部评论我要评论

    © 2021 Python学习网 苏ICP备2021003149号-1

  • 取消发布评论
  • 

    Python学习网