在html img src代码中调用JavaScript函数（随机img生成器）

我在网上搜索了所有旧的堆栈溢出帖子。我一直在尝试一种建议的方法，即使用带有空src=”“地址的html标记：

因此，我有12张图片，都通过img_12.jpg命名为img_1.jpg，是的，我已经检查了他们的导演，并通过我的网站上的这个功能让他们加载，奇怪的是，，只通过使用这个按钮代码。我通过标准html img标签加载图像，但未成功：

<button type="button" onclick="randomImg()">Try it</button>

试试看

我看到过其他推荐使用document.onload=function（）的旧帖子，但这对我不起作用（我还发现了一篇帖子，其中堆栈溢出用户声明的document.onload将不为空

src=“

标记生成img src地址）。我一直尝试以不同的方式格式化内容，即对代码的某些部分使用“”而不是“”

我最后的努力将是使用数组，但我想看看是否可以用我现在的方式解决这个问题，因为我觉得我遗漏了一些非常基本和明显的东西

---

该网站是

好的，谢谢大家，我使用了@Chris G提供的代码更改。本质上是他通过函数传递“id”并使用window.onload。这是确切的代码：

<img id="img1" src="">
    <script>
    function randomImg(id) {
    var randomNumber = Math.floor(Math.random() * 12) + 1;
    var imgName = "img_" + randomNumber + ".jpg";
    document.getElementById(id).src= imgName;
    }
    window.onload = function() {
  randomImg("img1");
    }
    </script>

函数随机img（id）{
var randomNumber=Math.floor（Math.random（）*12）+1；
var imgName=“img_”+随机数+”.jpg”；
document.getElementById（id）.src=imgName；
}
window.onload=函数（）{
随机img（“img1”）；
}

我在爪哇、C++和Matlab中编码，并在UNI上进行了数据结构/面向对象编程，但是还没有做很多JavaScript，并且小语法原则（例如ID中的ID）作为函数中的一个参数使我放弃。

我希望这能帮助任何试图在网站上通过javascript随机生成图像的人，特别是如果他们不想使用数组的话

---

再次感谢你的帮助

如果它对按钮起作用，为什么它在其他地方不起作用？请对您的愿景更加清晰和简洁。您希望图像在不使用按钮的情况下自动加载，还是使用其他DOM事件加载？如果是这样，请参见类似于

onload

的内容以获取替代方案。否则就要清楚最终的结果。尽管你说你尝试了document.onload包含了你尝试过的代码，所以我们有了一个很好的起点使用

窗口。onload

：（你可能会更幸运地搜索“页面加载后运行JS代码”，而不是专门寻找加载图像；总是将问题分解成部分。第一个谷歌结果：）@我刚刚测试了你的网站，这个按钮似乎工作正常。图像按预期随机设置。你想完成什么？@FrenchMajesty我想让它不用按钮加载。我只是把这个按钮放在那里测试一下，看我是否能在第一时间加载图像，因为我最初得到的是一个空盒子。谢谢@ChrisG！我必须指出几点：1。页面加载后调用代码和将随机src分配给

是两个基本上不相关的独立问题-2。传递

id

param仅在您有多个映像-3时有用/必需。使用数组是第三种不相关的技术，而不是问题的替代解决方案；如果您的图像具有任意文件名，则需要使用-4。这个问题是重复的，对任何人都没有好处，你的回答更具体，帮助任何人的机会更小

<button type="button" onclick="randomImg()">Try it</button>

<img id="img1" src="">
    <script>
    function randomImg(id) {
    var randomNumber = Math.floor(Math.random() * 12) + 1;
    var imgName = "img_" + randomNumber + ".jpg";
    document.getElementById(id).src= imgName;
    }
    window.onload = function() {
  randomImg("img1");
    }
    </script>