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免费测试