Javascript 有没有更简单的方法加载随机图像？

我不认为我解释得很好，但我最终还是回答了自己的问题，基本上我是想删除标题代码，因为它让文档看起来很难看，每次滚动时都非常乏味，我将headjavascript代码放入它的文件中，并从index head部分删除了代码，它似乎工作得很好

谢谢大家的帮助

/接近 /回答

有人能指出一种更简单的方法来在我的index.html页面上加载随机图像吗

这是我目前使用的方法

在标题部分：

// It currently goes to css/images/images/410.png, I have just put six here so it isn't long and annoying

<script type="text/javascript">
var imageURLs = [
   "css/images/avatars/1.png"
 , "css/images/avatars/2.jpg"
 , "css/images/avatars/3.png"
 , "css/images/avatars/4.png"
 , "css/images/avatars/5.png"
 , "css/images/avatars/6.png"
 ];
 function getImageTag() {
 var img = '<img src=\"';
 var randomIndex = Math.floor(Math.random() * imageURLs.length);
 img += imageURLs[randomIndex];
 img += '\" alt=\"Oh no, the image is broken!\"/>';
 return img;
 }
 </script>

//当前转到css/images/images/410.png，我刚刚在这里放了六个，所以它不长也不烦人
var imageURL=[
“css/images/avatars/1.png”
，“css/images/avatars/2.jpg”
，“css/images/avatars/3.png”
，“css/images/avatars/4.png”
，“css/images/avatars/5.png”
，“css/images/avatars/6.png”
];
函数getImageTag（）{
var img=“”；
返回img；
}

在正文部分：

    <!-- RANDOM IMAGE 1 -->
    <script type="text/javascript">
    document.write(getImageTag());
    </script>
    <!-- RANDOM IMAGE 2 -->
    <script type="text/javascript">
    document.write(getImageTag());
    </script>

write（getImageTag（））；
write（getImageTag（））；

---

我目前总共有410张图像，因此您可以想象头部区域代码中的图像有多么烦人

如果您的图像都是这样命名的，这应该可以：

<script type="text/javascript">
var imagesCount = 410;
 function getImageTag() {
 var img = '<img src=\"css/images/avatars/';
 var randomIndex = 1+Math.floor(Math.random() * imagesCount );
 img += randomIndex;
 img += '.png\" alt=\"Oh no, the image is broken!\"/>';
 return img;
 }
 </script>

var ImageScont=410；
函数getImageTag（）{
var img=“”；
返回img；
}

如果您的图像都是这样命名的，那么这应该可以：

<script type="text/javascript">
var imagesCount = 410;
 function getImageTag() {
 var img = '<img src=\"css/images/avatars/';
 var randomIndex = 1+Math.floor(Math.random() * imagesCount );
 img += randomIndex;
 img += '.png\" alt=\"Oh no, the image is broken!\"/>';
 return img;
 }
 </script>

var ImageScont=410；
函数getImageTag（）{
var img=“”；
返回img；
}

如果它们都是这样命名的，请使用

。=“css/images/avatars/”+randomIndex+“.png”

没有数组。它们都是

css/images/avatars/.png

格式，其中

是1到410？每个css/images/avatars/都是一个图像，所以（到目前为止）我总共有410行，继续到410行，我只是在这里放了六个，所以如果它们都是这样命名的话，就不会太长了。使用

“css/images/avatars/”+randomIndex+“.png”

没有数组。它们都是

css/images/avatars/.png

格式，其中

是1到410？每个css/images/avatars/都是一个图像，所以（到目前为止）我总共有410行，继续到410行，我只是在这里放了六个，这样就不会太长了。长度需要替换。长度需要替换