我在尝试找出如何让HTML在页面每次重新加载时选择一个新的随机图片文件，虽然我已经做到了这一点，但现在遇到的问题是所有的文本都没有按照预期显示出来，唯一显示的是图片。奇怪的是，style标签内的任何样式设置都能正常工作。
我猜测问题可能与script标签有关，因为在移除它之后，文本就能正常显示了。我只是希望文本能像平常一样出现在图片的上方和下方。
HTML代码：
<!DOCTYPE html>
<html lang="en">
<body>
Hello World <br>
</body>
<br>
<body id="imgContainer" style="border: 2px solid #6b1148;">
<!-- 将图像容器添加到此 body 内部 -->
<img id="img" src=""> <!-- 添加一个 img 标签来显示图片 -->
<script src="rand.js"></script> <br>
</body>
<br>
<body>
Goodbye World <br>
</body>
</html>
JavaScript代码：
var images = [
'1.png',
'2.png',
'3.png',
]
var imgElement = document.getElementById("img");
function imgDisp() {
var num = Math.floor(Math.random() * 3);
imgElement.src = images[num];
}
window.onload = imgDisp; // 在页面加载完成后执行 imgDisp 函数
我试过移除script行，文本确实可以正常显示，但当然这不是解决方案，因为我仍然需要显示图片。