html图像src调用javaScript变量

这是我的密码：我想问

<script type="text/javascript">

var total = 4;

</script>

我该怎么做

<img src="img/apple_" + total + ".png" id="imageBox"/>

---

我一直在尝试使用call函数和document.onload，但根本不起作用，有人能救我吗？

您需要在JavaScript中添加html，如下所示：

<div id="foo"></div>
<script type="text/javascript">

var total = 4;
document.getElementById('foo').innerHTML = '<img src="img/apple_' + total + '.png" id="imageBox"/>';
</script>

---

这里有一个干净的方法来做到这一点

---

我假设您只是想用javascript更新图像src

document.getElementById('imageBox').src = "img/apple_" + total + ".png";

window.onload=函数{ var总计=4； document.getElementById'imageBox'.src='img/apple_'+total+'.png'； };

---

为什么使用div？但是我使用的div必须在onload事件中的脚本或代码之前，否则getElementById将找不到foo元素。在哪里放置window.onload？好的，谢谢你提醒我，我正在将javascript代码放在html下面，以便它加载它

document.getElementById('imageBox').src = "img/apple_" + total + ".png";