javascript - Javascript 数组中的图像 URL 是否会自动预加载到浏览器中？

Question

我只是在寻找对我尚未直接回答的问题的确认。

我正在构建一个网站，我想将许多图像 URL 加载到 Javascript 数组中，而不实际将图像发送到浏览器。为了减少服务器带宽的使用，我想将 URL 存储在文档中，并在用户执行特定操作时一次仅加载一个 URL。

我想我的问题与许多“如何使用 Javascript 预加载图像”问题相反，例如 here 中发现的问题。 。这些问题的普遍存在表明，将 URL 粘贴在文档顶部的 Javascript 数组中是安全的，并且浏览器不会自动预加载它们。我的假设正确吗？

Answer 1

是的，图像未加载，因为您将它们作为 javascriptarray 中的字符串，浏览器从不请求图像。

我猜你想做类似的事情:

var myimages = ['{url}','{url}','{url}'];

然后你可以这样做:

$(document).on("click",".somebutton",function(){
  for(var i = 0, len = myimages.lenght; i++){
     //i will assume you will detect the element depending the situation and its a image element
     $("someSelector").attr("src",myimages[i]);
  }
});

这样您就可以在那一刻向您的服务器请求图像。

//使用jquery