HTML+JS实现文件夹随机图片加载：点击按钮无响应问题排查

云上老周

2026-8-3

问题原因与解决方案

核心问题：路径错误

初始化时你用的是相对路径 Cat/meow1.jpeg，这个路径是相对于当前网页文件所在的目录，能正确找到同级的Cat文件夹。但点击按钮生成的路径是绝对路径 /Cat/meow...，开头的斜杠会让浏览器从网站根目录开始查找Cat文件夹，而你的Cat文件夹和网页是同级关系，并非根目录下的文件夹，所以无法找到目标图片。

修改方法

只需要去掉路径开头的斜杠，保持和初始化一致的相对路径即可：

function show_cat() {
    var catNr = Math.floor(Math.random() * 4) + 1;
    let catUrl = "Cat/meow" + catNr + ".jpeg"; // 移除开头的斜杠
    document.getElementById("img").src = catUrl;
}