每次页面刷新时，如何将JavaScript文件中的随机图像加载到HTML中？

Question

This is what I have so far. 到目前为止，这就是我所拥有的。 But when I run it, an error states that '$' was used before it was defined. 但是，当我运行它时，出现一个错误，指出在定义之前使用了“ $”。 Also, no images appear on screen. 另外，屏幕上没有图像。 And I do no want to have the 'url( http://bukk.it/ ', since I have all the images in the project folder. 而且我不想拥有'url（ http://bukk.it/ '，因为我在项目文件夹中拥有所有图像。

 var images = ["img/1.jpg", "img/2.jpg", "img/3.jpg", "img/4.jpg", "img/5.jpg", "img/6.jpg"]; $('#randomImage').css({'background-image': 'url(http://bukk.it/' + images[Math.floor(Math.random() * images.length)] + ')'});

 <!DOCTYPE html> <html> <head><title>47</title></head> <body> <div id="randomImage"/> <script type="text/js" src="popup.js"></script> </body> </html>

Answer 1

Your jQuery is not defined, but you don't have to use it. 您的jQuery未定义，但您不必使用它。 This will work: 这将起作用：

var images = ["img/1.jpg", "img/2.jpg", "img/3.jpg", "img/4.jpg", "img/5.jpg", "img/6.jpg"];

var randomName = images[Math.floor(Math.random() * images.length)];

document.getElementById("randomImage").style.backgroundImage = "url('http://bukk.it/" + randomName + "')"

每次页面刷新时，如何将JavaScript文件中的随机图像加载到HTML中？

问题描述

1 个解决方案

解决方案1
2 2017-09-10 01:10:15

每次页面刷新时，如何将JavaScript文件中的随机图像加载到HTML中？

问题描述

1 个解决方案

解决方案1 2 2017-09-10 01:10:15

解决方案1
2 2017-09-10 01:10:15