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

时间:2016-10-03 10:16:24

标签: javascript html image caching

如果我有一个带有默认src(例如img1.jpg)的图像元素,然后将javascript更改为另一个图像(例如img2.jpg),它将加载第一个图像,然后加载第二个图像。

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

2 个答案:

答案 0 :(得分:0)

图像src会加载一次图像,所以如果你在页面中多次使用“img1.jpg”只会加载一次,但它会多次渲染。因此,要回答您的问题,您将不会像在您的示例中那样一次又一次地加载它。

答案 1 :(得分:0)

现代浏览器现在创建缓存并将其维护到会话。在你的情况下,如果img1.jpg首先由浏览器加载,它的缓存虽然后来被img2.jpg取代。但如果你回到img1,它的加载速度会快得多,因为它已经缓存了