[英]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.