Javascript 博客上的随机背景图片

我正试图收集一些代码，将随机的背景图像在我的博客

我的编程技能很差，但我愿意尝试一些建议

我记得在Wordpress中实现了类似的s/th，将一个php代码文件存储在一个图像文件夹中，然后从CSS中调用该php文件，就像调用一个图像一样

但从我读到的，blogger不认识php，所以我想我必须尝试一些javascript（？）

var image=新数组（）
图像[0]=“Image01URL”
图像[1]=“Image02URL”
图像[2]=“Image03URL”
图像[3]=“Image04URL”
图像[4]=“Image05URL”
var random=Math.floor（5*Math.random（））；
文件。填写（“”）；
文件.编写（“正文”）；
document.write（'background:url（'+image[random]+'）无重复固定中心；'）；
文件。填写（“}”）；
文件。填写（“”）；
`

我试过上面的方法，但没有结果

此外，这是从2007年开始的，我担心所描述的方法可能已经过时

更重要的是，我真的不知道该把它放在哪里

它是在

标记的开头，还是应该作为外部文件存储在某处？如果是这样的话，我应该如何从博客内部引用它呢？从CSS中引用它会很容易，但我不知道这是否可能

---

如果有任何帮助，我将不胜感激。

我会这样做，但像往常一样，如果有办法让这段代码——以及我自己——变得更好，我愿意接受编辑、评论、改进和建议

所以你没有那么远，因为实际上我的代码看起来有点像你的代码，但是通过手动将乘法器添加到随机数生成器的抽象。有了这些，您所要做的就是在

imageURLs

变量下设置背景URL

.style

对象的文档

函数背景（）{
var imageurl=[”https://wallpapers.wallhaven.cc/wallpapers/full/wallhaven-301322.jpg", "https://wallpapers.wallhaven.cc/wallpapers/full/wallhaven-103541.jpg", "https://wallpapers.wallhaven.cc/wallpapers/full/wallhaven-279000.jpg", "https://wallpapers.wallhaven.cc/wallpapers/full/wallhaven-106689.jpg", "https://wallpapers.wallhaven.cc/wallpapers/full/wallhaven-365847.jpg", "https://wallpapers.wallhaven.cc/wallpapers/full/wallhaven-284161.jpg"];
返回图像URL；
}
函数随机数（最大值）{
返回Math.floor（（Math.random（）*max））；
}
函数getBackground（）{
var numberOfImages=backgrounds（）.长度，
uniqueNumber=随机数（numberOfImages）；
返回背景（）；
}
函数showBackground（）{
document.body.style.backgroundImage=“url（'“+getBackground（）+”）”；
document.body.style.backgroundPosition=“center”；
document.body.style.backgroundRepeat=“不重复”；
document.body.style.backgroundAttachment=“固定”；
}
window.onload=showBackground（）；

感谢您的回复。有几个问题：除了ImageURL之外，我还应该更改其他内容吗？假设我有12张图片-我应该在某个地方填写数字12吗？我应该把这个脚本放在哪里？（对不起，但我对javascript一无所知）@m、 答：我更新了我的答案！！如果它能解决你的问题从而帮助他人，请不要忘记接受。到目前为止，运气不好。我还试着分别在开始脚本标记之后和结束脚本标记之前添加

/*和
/*]>*/
（正如一些人所建议的），但这没有任何区别，，，仍然在搜索…是的。它在结尾处有效，就在关闭
-标记之前，但在其他地方无效。非常感谢。顺便说一句，这是另一个建议。这也有效，但它会平铺图像。对此有一点更新：1.它似乎对Safari不起作用。2.背景图像是最后一个需要添加的元素刷新时加载，这看起来不太好。例如，我希望它与标题文本同时加载。尽管如此，您仍然提供了很大的帮助。
<script type="text/javascript">
var image= new Array()
image[0]="Image01URL"
image[1]="Image02URL"
image[2]="Image03URL"
image[3]="Image04URL"
image[4]="Image05URL"
var random=Math.floor(5*Math.random());
document.write("<style>");
document.write("body {");
document.write(' background:url("' + image[random] + '") no-repeat fixed center center;');
document.write(" }");
document.write("</style>");
</script>`