以下是一个简单的
JS代码示例，可以
实现在
每次页面刷新时，
随机更换页面上的背景
图片。
HTML代码：
```
<!DOCTYPE html>
<html>
<head>
<title>Refresh Image Demo</title>
<style type="text/css">
body {
background-image: url('default.png');
background-repeat: no-repeat;
background-size: cover;
}
</style>
</head>
<body>
<h1>Refresh Image Demo</h1>
<p>This page will refresh and change the background image randomly every time you reload it.</p>
<script type="text/
javascript" src="refresh.
js"></script>
</body>
</html>
```
JS代码：
```
var images = ['image1.png', 'image2.png', 'image3.png', 'image4.png', 'image5.png'];
function refreshImage() {
var randomNumber = Math.floor(Math.random() * images.length);
document.body.style.backgroundImage = 'url(' + images[randomNumber] + ')';
}
refreshImage();
```
解释：
- 首先，在HTML代码中，我们设置了一个默认的背景
图片（default.png），并在body元素中应用它。
- 然后，我们在
JavaScript中定义了一个数组（images），其中包含我们想要
随机更换的
图片的文件名。
- 接下来，我们定义了一个名为“refreshImage”的函数，它将在
每次页面刷新时被调用，并
随机选择一个
图片，将其设置为
页面背景。
- 最后，我们在HTML中调用了一个名为“refresh.
js”的
JavaScript文件，该文件中包含了我们刚刚定义的函数。
需要注意的是，为了使
页面在
每次刷新时都能
随机更换背景
图片，我们需要将该
页面设置为始终重新加载。可以通过在浏览器中按下Ctrl + F5（Windows）或Cmd + Shift + R（Mac）来
实现。
5631
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
