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

JavaScript中实现页面刷新后图片随机显示的逻辑通常是这样的：

首先，你需要确保你的HTML中有多个相同的图片标签，每个标签都有一个唯一的id或者data-src属性以便于后续操作。例如：

<img id="image1" src="default.jpg" data-src="image1.jpg">
<img id="image2" src="default.jpg" data-src="image2.jpg">
<!-- 更多图片 -->

然后，在JavaScript中，你可以按照以下步骤操作：

1. **获取图片元素**：
使用`document.getElementById()`或者其他选择器方法获取所有需要替换的图片元素，如`let images = document.querySelectorAll('img[data-src]')`。

2. **生成随机数**：
使用`Math.random()`结合数组长度来获取一个0到图片总数减一之间的随机整数。例如：

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

3. **设置新的图片源**：
获取对应随机索引的图片数据源，并更新其`src`属性：

   images[randomIndex].src = images[randomIndex].getAttribute('data-src');

将上述代码放在window.onload或其他事件触发条件里，确保在页面加载完成后执行，或者添加到`<script>`标签的DOMContentLoaded事件处理程序中。这样每次页面刷新时，图片就会随机地改变。