用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方法）