使用 JavaScript 中的图像刷新按钮

Question

我正在尝试使用图像 (.jpg) 在 JavaScript 中为一个网站制作一个刷新按钮，每次它刷新两个图像时都会发生变化（从数据库上传），但由于某种原因它不会工作。到目前为止，这是我的代码：

<div align="center">
<SCRIPT LANGUAGE="JavaScript">
var body = document.getElementsByTagName("body")[0];
var s = document.createElement("input");
s.src = "/Volumes/playground_people/s1267664/html/dwd/buttons/next_btn.jpg";
s.type = "image";
body.appendChild(s);

document.write('<form><input type=button value="Next" onClick="history.go()"></form>')
</script>
</div>

Answer 1

由于我不清楚你真正想要实现什么，我只能猜测什么可以帮助你。

第一件事是您的“Next”-input 在类型周围缺少一些引号：

document.write('<form><input type="button" value="Next" onClick="history.go()"></form>');

我建议您将form 直接放入div-container，而不是使用document.write。

您是否尝试将脚本中的图像添加到您在下面定义的button 中？ 然后你必须参考它，例如id:

<div align="center">
    <input type="button" id="nextBtn" value="Next" onClick="location.reload(true)">
    <script language="JavaScript">
        var b = document.getElementById("nextBtn");
        b.src = "/Volumes/playground_people/s1267664/html/dwd/buttons/next_btn.jpg";
        b.type = "image";
    </script>
</div>

我还删除了form，因为它将图像坐标发送到重新加载的页面，并使用location.reload而不是history.go()。

此代码将图像添加到按钮，单击时刷新页面。