您现在的位置是:课程教程文章
JavaScript预加载图片的操作
2023-12-13 23:08课程教程文章 人已围观
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
推荐操作环境:windows7系统、jquery3.2.1版本,DELL G3电脑。
课程教程:JavaScript预加载图片的操作下一篇:没有了