使用JavaScript

Question

这个问题不同，因为我在两个不同的代码之间提问。

如果您必须在这些之间做出选择，您会选择哪个以及为什么？

第一

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