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

我只是想确认一个我没有看到直接回答的问题

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

---

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

是的，图像是非加载的，因为它们作为字符串存在于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]);
  }
});

然后，您可以执行以下操作：

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

否，在脚本请求之前，不会加载数组中的图像。因此，您可以将其存储在如下变量中：

<代码>var imgSrcs=[”http://placekitten.com/g/300/200","http://placekitten.com/1000/1000"] 函数getSrc（元素，值）{ element.src=imgSrcs[value]； }

---

字符串形式的url本身不会预加载任何内容。您可以将字符串数组放置在任意位置，而无需担心图像预加载

如果您想加载一个，您可以创建一个图像并为其“src”属性分配一个url

var image=newimage（）；
image.src=”http://www.example.com/image/url.jpg";

您可以通过测试直接回答这个问题。如何回答？我可能是个傻瓜，但我不知道如何判断浏览器是否在背景中加载了图像。这些图像相对较小，我是从自己的计算机上提供的，所以加载时间并没有给我多少线索。这是一个有效的问题，没有人知道浏览器是如何渲染的，以及浏览器是如何工作的。所以，如果你不知道，问他是公平的，而且他也做过研究。所以完全正确，所以问题