页面刷新，图片随机更换 需求:当我们刷新页面，页面中的图片随机显示不同的图片分析: ➊:随机显示，则需要用到随机函数 ②:更换图片需要用到图片的src属性，进行修改 ③:核心思路: 1.获取图片元素 2.随机得到图片序号 3.图片.src=图片随机路径

要实现在页面刷新时图片随机更换的功能，你可以按照以下步骤进行：

首先，在HTML中设置一个或多个`<img>`标签，每个标签都有相同的id，方便JavaScript操作：

<img id="randomImage" src="" alt="默认图片">

然后，在JavaScript部分做以下处理：

1. **获取图片元素**：
使用 `document.getElementById()` 函数选择id为 "randomImage" 的图片元素。

const imgElement = document.getElementById('randomImage');

2. **创建图片数组**：
将所有的图片URL存储在一个数组中，以便于随机选取。

const imagesArray = [
  'image1.jpg',
  'image2.jpg',
  'image3.jpg', // 你的所有图片URL
  /* 更多... */
];

3. **生成随机索引**：
使用 `Math.random()` 和 `.length` 来获取数组中的随机索引。

let randomIndex = Math.floor(Math.random() * imagesArray.length);

4. **更新图片源**：
将随机索引对应的URL赋值给图片的 `src` 属性。

imgElement.src = imagesArray[randomIndex];

结合上述步骤，当页面刷新时，`window.onload` 或者 `DOMContentLoaded` 事件触发时，可以运行这个随机更换图片的函数：

window.addEventListener('load', function() {
  changeRandomImage();
});

function changeRandomImage() {
  // ... 具体的随机图片更换逻辑
}