Javascript 随机图像选择

我有以下问题，但它不起作用。重点是在每次浏览器刷新时随机显示下面4个图像中的任意一个。有什么帮助吗

Html:

---

第一：您需要一个id为

divid

的div

第二：JSFIDLE以https加载，图像以http加载，因此浏览器不允许这样做

第三：JSFIDLE已经在onload上运行——所以您的代码不会运行

第四：我在div中添加了一些css，以便显示背景图像

试试这个：

---

您的JSFIDLE有一些问题。1） 您的JavaScript代码已经在

onload

处理程序中。使用档位将其更改为

2）您从未添加

，因此您的

getElementById

不会返回任何内容。3） 您需要添加一些CSS以使

可见，例如：

div{width:200px；height:200px；}

。4） 您的图像需要是

https

（因为页面的其余部分也是如此）。还要感谢您的帮助我如何指定图像的宽度/大小？现在我只是使用css中的背景大小来指定div标记的大小，也许@BenjaminJones帮助@BenjaminJones:-）

<p>
  <img id="image" />
</p>

function Randomize() {
  var images = ["http://static.ddmcdn.com/gif/lightning-gallery-18.jpg",
              "http://static.ddmcdn.com/gif/lightning-gallery-19.jpg",
              "http://static.ddmcdn.com/gif/lightning-gallery-20.jpg",
              "http://static.ddmcdn.com/gif/lightning-gallery-17.jpg"];

  var imageNum = Math.floor(Math.random() * images.length);
  document.getElementById("divid").style.backgroundImage = "url('" + images[imageNum] + "')";
}

window.onload = Randomize;

function Randomize() {
  var images = [
    "//static.ddmcdn.com/gif/lightning-gallery-18.jpg",
    "//static.ddmcdn.com/gif/lightning-gallery-19.jpg",
    "//static.ddmcdn.com/gif/lightning-gallery-20.jpg",
    "//static.ddmcdn.com/gif/lightning-gallery-17.jpg"
  ];
  var imageNum = Math.floor(Math.random() * images.length);
  document.getElementById("divid").style.backgroundImage = "url('" + images[imageNum] + "')";
}

Randomize();