JavaScript预加载图片的操作

1、当网络状态不好时,目标图片加载缓慢,需要一张体积小的图片充当占位符。

2、监听DOM的load事件,在DOM对象已加载时,发生此事件。

实例

<body>
<imgsrc="./red.png"/>
<script>
constoImg=document.querySelector('img');
oImg.onload=function(){
this.src='./green.png';
this.onload=false;//防止重复调用
}
</script>
</body>

以上就是JavaScript预加载图片的操作,希望对大家有所帮助。更多Javascript学习指路:Javascript

原文来自:https://www.py.cn
© 版权声明
THE END
喜欢就支持一下吧
点赞6 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容