预加载使用情景：
当网络状态不好时，目标图片加载缓慢，此时需要一张体积小的图片充当占位符，一是告诉用户知道这个地方有个图片这一信息，二是页面更美观一些不至于留一块大白。
核心：监听DOM的load事件（在DOM对象已加载时，发生此事件）。
<body><img src="./red.png" /><script>const oImg = document.querySelector('img');load = function () {this.src = './green.png';load = false;//防止重复调用}</script>
</body>可以看到页面从红色一下子闪到绿色，是因为本地加载速度快。
red.png
green.png
本文发布于:2024-02-01 17:25:03，感谢您对本站的认可！
本文链接：https://www.4u4v.net/it/170678072638254.html
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系，我们将在24小时内删除。
| 留言与评论（共有 0 条评论） |
