如何通过Javascript加载图像？

我必须把很多基本相同的图片导入我的网站。 我不想一次又一次地复制和粘贴这样的代码：

<img id="example1" src="example.png" />
<img id="example2" src="example.png" />

那么，有没有一种方法可以在我的网站/HTML中使用for循环或Javascript加载这些图像呢？

window.addEventListener（“加载”，图片）；
window.addEventListener("load", picture);
function picture()
{
  var pictures = document.getElementsByTagName("img");
  for(var i =0; i<pictures.length; i++)
  {
   pictures[i].setAttribute("src", "example"+i+".jpg");
  }
}

函数图片（）
{
var pictures=document.getElementsByTagName（“img”）；
对于（var i=0；i而言，最简单的方法可能是使用
Image（）
构造函数创建图像，然后逐个追加它们


for（变量i=0；i<10；i++）{
var img=新图像（）；
img.src=”http://placehold.it/100x100.png";
文件.正文.附件（img）；
}
如果您只是按特定顺序订购：

imagesNumbered(prefix,extension,num) {
    var images = [];
    for(var i=0;i<num;i++) {
        images[i] = new Image();
        images[i].src = prefix+i+extension;
        images[i].alt = prefix+i+extension;
    }
    return images;
}

// returns img/pic0.jpg ... img/pic9.jpg
var imgs = imagesNumbered('img/pic','.jpg',10);

imagesNumbered（前缀、扩展名、num）{
var图像=[]；
对于（var i＝0；ISEMI相关）；如果你有很多“基本相同”的东西，你可能想考虑使用类属性而不是ID属性。是的，很可能。图像是一样的，但是我需要不同的位置，所以是IDS。
imagesNamed(path,names) {
    var images = [];
    for(var i=0,l=names.length;i<l;i++) {
        images[i] = new Image();
        images[i].src = path+names[i];
        images[i].alt = path+names[i];
    }
    return images;
}

// returns img/foo.jpg, img/bar.png
var names = ['foo.jpg','bar.png'];
var imgs = imagesNamed('img/',names);

var container = document.getElementById('container');
for(var i=0,l=imgs.length;i<l;i++)
    { container.appendChild(imgs[i]); }