用JavaScript下载预览图

Question

这个问题是不同的，因为我问两个不同的代码。

如果您不得不在这些之间做出选择，您会选择哪一种，为什么？

1：

<script> 
    var preloadImg = new Image(266, 266); 
    preloadImg.src = 'http://via.placeholder.com/266x266'; 
</script> 

第二：

<img src="http://via.placeholder.com/266x266" style="display: none;"> 

Answer 1

为您标记的javascript，这里是我的回答：

我宁愿

<script> 
    var preloadImg = new Image(266, 266); 
    preloadImg.src = 'http://via.placeholder.com/266x266'; 
</script> 

因为您可以稍后再使用preloadImg变量，而如果你的HTML做到了，你就必须要经过不必要的步骤，将图像缓存到这个例如JavaScript变量

用途可能会借鉴一个画布，还有更多 - JavaScript是真棒

但是，使用HTML预加载的一个小理由（不应该被接受）是用于浏览器没有JavaScript，或禁用JavaScript，因为选项是纯HTML

希望这有助于（我更喜欢javascript方法）