Question

假设我在html文件中的不同位置加载相同的图像，如：

<img src="image.png">

在一些代码之后我再次加载它。这意味着它会采取html双重加载图像？如果是，是否有任何方法可以预先加载图像，然后根据需要多次使用它而无需重新加载？

提前感谢您的回答......

Answer 1

如果它们具有相同的真实路径，则浏览器将缓存它们。

Answer 2

这不会预先加载图片，但您可以使用JavaScript的appendChild()方法添加图片，以便将其放置在您想要的任何位置。

＆＃13;

var image1 = new Image();
image1.src = 'http://placekitten.com/g/200/300';
document.body.appendChild(image1);

＆＃13;