[英]How do I load a random image from an array in a JavaScript file into HTML every time the page refreshes?
到目前为止，这就是我所拥有的。 但是，当我运行它时，出现一个错误，指出在定义之前使用了“ $”。 另外，屏幕上没有图像。 而且我不想拥有'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>
您的jQuery未定义，但您不必使用它。 这将起作用：
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数组中输出随机字符串？
[英]What do I do to output a random string in my javascript array every time the page reloads?
如何从数组中选择随机图像并将其用作 javascript 和 html 中其他图像的来源
[英]How do I choose a random image from an array and use it as a source for other images in javascript and html
用户刷新页面时，将重新提交HTML表单-如何阻止这种情况发生？
[英]HTML form is resubmitted when user refreshes page - how do I stop this from happening?
如何防止全局javascript变量在每次页面加载时初始化？
[英]How do I prevent a global javascript variable from initializing on every page load?
页面上的javascript随机图片会在一段时间内加载和更改
[英]javascript random image on page load and change over a period of time
Javascript，我如何从数组中获取两个相应的元素以使用随机功能同时生成？
[英]Javascript, how do i get two corresponding elements from an array to generate at the same time with the random feature?
从页面上的目录加载随机图像，而没有列出文件名的数组
[英]Load Random Image From Directory on Page Load Without a Listed Array of File Names
如何根据页面 HTML 文件中某个 ID 标记的存在有条件地加载 JavaScript 资源？
[英]How do I load a JavaScript resource conditionally based on the presence of a certain ID tag in a page's HTML file?
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.