gpt4 book ai didi

javascript - 选择随机图像

转载 作者:行者123 更新时间:2023-11-30 17:37:59 25 4
gpt4 key购买 nike

我一直在尝试获取随机图像以在加载时显示。这是我正在使用的代码:

<head>
<script type="text/javascript">
ImageArray = new Array();
image[0] = 'goat1.jpg';
image[1] = 'kitchen4.jpg';
image[2] = 'pig1.jpg';
image[3] = 'site1.jpg';
image[4] = 'site2.jpg';
image[5] = 'site3.jpg';
image[6] = 'site4.jpg';
image[7] = 'site5.jpg';
image[8] = 'site6.jpg';
image[9] = 'site7.jpg';
image[10] = 'site8.jpg';


function getRandomImage() {
var num = Math.floor( Math.random() * 11);
var img = ImageArray[num];
document.getElementById("randImage").textContent = ('<img src="' + 'images/random/' + img + '" width="250px">')

}
</script>
</head>
<body onload="getRandomImage()">
<div id="randImage"></div>
</body>

我是 javascript 的新手,是根据我在网上找到的片段拼凑而成的。

此代码的问题在于它显示了 <img src="images/random/undefined" width="250px"> , 而不是图像。

最佳答案

ImageArray 没有项目,因此获取它的任何索引都将返回未定义。我认为您正在尝试设置 ImageArray 的值,但不小心将 image 放入了。其次,您不需要 textContent,您需要 innerHTML。这可能是您想要的代码:

<head>
<script type="text/javascript">
ImageArray = new Array();
ImageArray[0] = 'goat1.jpg';
ImageArray[1] = 'kitchen4.jpg';
ImageArray[2] = 'pig1.jpg';
ImageArray[3] = 'site1.jpg';
ImageArray[4] = 'site2.jpg';
ImageArray[5] = 'site3.jpg';
ImageArray[6] = 'site4.jpg';
ImageArray[7] = 'site5.jpg';
ImageArray[8] = 'site6.jpg';
ImageArray[9] = 'site7.jpg';
ImageArray[10] = 'site8.jpg';


function getRandomImage() {
var num = Math.floor( Math.random() * 11);
var img = ImageArray[num];
document.getElementById("randImage").innerHTML = ('<img src="' + 'images/random/' + img + '" width="250px">')

}
</script>
</head>
<body onload="getRandomImage()">
<div id="randImage"></div>
</body>

关于javascript - 选择随机图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21648147/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com