完整的html随机显示图片代码
时间: 2023-08-13 10:04:33 浏览: 109
js实现的随机显示图片代码demo.rar
以下是一个简单的随机显示图片的 HTML 代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>随机显示图片</title>
<script type="text/javascript">
function randomImage() {
var images = [
"image1.jpg",
"image2.jpg",
"image3.jpg",
"image4.jpg",
"image5.jpg"
];
var randomNumber = Math.floor(Math.random() * images.length);
document.getElementById("randomImage").src = images[randomNumber];
}
</script>
</head>
<body>
<h1>随机显示图片</h1>
<button onclick="randomImage()">点击显示随机图片</button>
<br><br>
<img id="randomImage" src="" alt="随机图片">
</body>
</html>
```
在这个代码中,我们首先定义了一个包含多个图片文件名的数组 `images`。当用户点击按钮时,`randomImage` 函数会被触发,它会生成一个随机数,并使用这个随机数来从 `images` 数组中获取一个随机的图片文件名。最后,它将这个文件名作为 `src` 属性赋值给 `<img>` 标签,从而显示这个图片。
阅读全文