显示数组中的图像不起作用

Displaying images from an array doesn't work?

本文关键字：图像 不起作用 数组 显示      更新时间：2023-09-26

所以我有这行代码 

var imagesArray = ["1.png","2.png","3.png","4.png","5.png","6.png","7.png","8.png","9.png","10.png","11.png","12.png","13.png","14.png","15.png","16.png","17.png","18.png","19.png","20.png","21.png" ];
var newArray = new Array(100);
var repeatImage = null;
for (var i = 0; i < 100; i++)
{
  if (i === 9)
  {
    repeatImage = imagesArray[Math.floor(Math.random() * imagesArray.length)];
    newArray[i] = repeatImage;
  }
  else if(i % 9 === 0)
  {
    newArray[i] = repeatImage;
  }
  else
  {
    newArray[i] = imagesArray[Math.floor(Math.random() * imagesArray.length)];
  }
}

我需要这些图像显示在我的文档中。 

document.write("<img src='images/smileys" + imagesArray [i] + "'/>" + newArray[i] ");

但它似乎不起作用，我想我的文档写错了，但我真的不知道在哪里

你有一个额外的双引号"在document.write末尾你应该删除它：

document.write("<img src='images/smileys" + imagesArray [i] + "'/>" + newArray[i] ");
__________________________________________________________________________________^

应该是 ：

document.write("<img src='images/smileys" + imagesArray [i] + "'/>" + newArray[i]);

您应该在for循环的末尾添加document.write：

for (var i = 0; i < 100; i++)
{
    ...
    document.write("<img src='images/smileys" + imagesArray [i] + "'/>" + newArray[i]);
}

希望这有帮助。

试试这个

document.write('<img src="images/smileys '+imagesArray [i]+'" /> + '+newArray[i]);

在这里工作

var imagesArray = ["1.png", "2.png", "3.png", "4.png", "5.png", "6.png", "7.png", "8.png", "9.png", "10.png", "11.png", "12.png", "13.png", "14.png", "15.png", "16.png", "17.png", "18.png", "19.png", "20.png", "21.png"];
var newArray = new Array(100);
var repeatImage = null;
for (var i = 0; i < 100; i++) {
  if (i === 9) {
    repeatImage = imagesArray[Math.floor(Math.random() * imagesArray.length)];
    newArray[i] = repeatImage;
  } else if (i % 9 === 0) {
    newArray[i] = repeatImage;
  } else {
    newArray[i] = imagesArray[Math.floor(Math.random() * imagesArray.length)];
  }
  document.write('<img src="images/smileys '+imagesArray [i]+'" /> + '+newArray[i]);
}

相关文章：