如果切换img src然后再返回,图像将被加载两次

If switching img src and then back again will the image be loaded twice?

本文关键字:加载 两次 图像 img src 然后 返回 如果      更新时间:2023-09-26

如果我有一个默认src的图像元素(例如:Img1.jpg),然后用javascript更改为不同的图像(例如。Img2.jpg),它将加载第一张图像,然后是第二张图像。

但是如果我改回原始图像(img1.jpg),会再次加载该图像(总加载时间:2)吗?或者以任何方式缓存。如果没有,在做这样的事情时有什么方便的方法来缓存它吗?

imagessrc将加载一次图像,所以如果你在页面中多次出现"img1.jpg",它将只加载一次,但它会多次渲染它。所以为了回答你的问题,你不会遇到像你的例子一样反复加载它的问题。

现在的现代浏览器创建缓存并将其保存到会话。在您的情况下,如果img1.jpg首先由浏览器加载,它的缓存,虽然它被替换为img2.jpg稍后。但是如果你回到imag1它会加载得更快因为它已经缓存了