javascript - 尝试在页面刷新时更改背景图像，遇到问题

Question

首先，这是页面。

我尝试了 Javascript 代码但没有成功，因此我将尝试解释我当前的设置。

我的 body 有一个ID#homepage。这是我唯一需要此代码的页面，因此我已分配该 ID。以下是访问图像并覆盖页面的CSS:

body#homepage {
    background-attachment: fixed;
    background-image: url(../images/bg/4.jpg);
    background-repeat: no-repeat;
    background-position: center bottom; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

“../images/bg”文件夹中有 4 个图像，编号为 1 到 4。我只是希望图像在页面加载时在 4 个图像之间进行更改，但我需要保持图像的样式当前的 CSS。

由于我对 Javascript 只是模糊地熟悉，所以我相信我在 Javascript 中遇到了一些非常简单的错误。我希望有人能详细地为我阐明这一点。非常感谢!

Answer 1

试试这个

var randomImage = Math.floor((Math.random()*4)+1);
var homePage = document.getElementById('homepage');

homePage.style.backgroundImage='url("..\/images\/bg\/'+randomImage+'.jpg")';