javascript - 如何从 JavaScript 变量数组生成随机图像到我的 HTML 文档中?

标签 javascript jquery html image generator

这是我目前在 HTML 和 JavaScript 页面中的内容,尽管我不想在 JavaScript 文件中使用 URL,因为我的项目文件夹中有图像。但是当我打开 html 时,没有弹出图像。我也不想要背景图片。

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://angelinawong.com/" + randomName + "')";
<!DOCTYPE html>
<html>
<head><title>47</title></head>
<body>
    <div id="randomImage"/>
    
    <script type="text/javascript" src="jquery-3.2.1.min.js"></script>
    <script src="popup.js"></script>
</body>
</html>

最佳答案

尝试将脚本标签放在body标签之后,这可能是HTML和JS加载顺序的问题。

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

关于javascript - 如何从 JavaScript 变量数组生成随机图像到我的 HTML 文档中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46144118/

相关文章:

javascript - 单击 <a> 标记时不运行 jQuery 函数

javascript - 文本字段中的 css,因此文本作为一个词被删除

jquery - CSS3 动画填充模式 : forwards

javascript - 使用按钮防止多次提交

javascript - 在 Selenium WebDriver 中执行 '.hover' Javascript

javascript - 数组值传递到 SQL Server IN 查询

javascript - 在查看另一个 div 时锁定一个 div 的滚动

html - 如何使用 CSS 强制容器元素达到其最宽子元素的宽度?

javascript - 如何在不使用 id 的情况下巧妙地选择特定的 div

javascript - 为什么一个DIV只有一个子节点却有三个子节点?