具体代码
时间: 2023-07-03 08:28:29 浏览: 34
以下是一个简单的实现随机显示图片的 HTML 和 JavaScript 代码示例:
HTML 代码:
```
<!DOCTYPE html>
<html>
<head>
<title>随机显示图片</title>
</head>
<body>
<div id="image-container"></div>
<script src="random-image.js"></script>
</body>
</html>
```
JavaScript 代码 (保存为名为 `random-image.js` 的文件):
```
var images = [
"image1.jpg",
"image2.jpg",
"image3.jpg"
];
function getRandomImage() {
var randomIndex = Math.floor(Math.random() * images.length);
var randomImage = images[randomIndex];
return randomImage;
}
window.onload = function() {
var imageContainer = document.getElementById("image-container");
var randomImage = getRandomImage();
imageContainer.innerHTML = '<img src="' + randomImage + '">';
};
```
在 `images` 数组中添加更多的图片路径即可。注意,这个示例只是一个最基本的实现,实际情况中可能需要更多的代码来处理图片加载、错误处理等问题。