如何使用javascript在图像中使用指定的链接组创建随机链接？

我想做的是：我想让页面上的图像点击到一个随机链接，其中包含一组预先确定的链接。我知道如何使用按钮进行随机链接，但在将按钮更改为图像后，图像不再点击链接。相反，它会保持在同一个页面上，并且url在最后会略有变化

我需要在编码中做什么改变才能使图像与按钮的工作方式相同（单击我设置的随机链接之一）

函数随机链接（）{
var myrandom=Math.round（Math.random（）*2）
var links=新数组（）
链接[0]=”file://localhost/Users/drobert4/Desktop/Simple%20Site/Runaways.html"
链接[1]=”file://localhost/Users/drobert4/Desktop/Simple%20Site/Saga.html"
链接[2]=”file://localhost/Users/drobert4/Desktop/Simple%20Site/MsMarvel.html"
window.location=链接[myrandom]
}

您正在使用输入类型

图像

，其作用类似于提交按钮。在这种情况下，当您单击它时，浏览器将发送GET请求以提交表单

相反，它会保持在同一个页面上，并且url在最后会略有变化

由于默认情况下form方法是GET，所以它会附加form元素值的查询字符串参数。因为你没有任何东西，所以你只能得到一部分

使用类似以下内容：

<form>
    <img src="openlongbox.png" onclick="randomlinks()">
</form>

然而，从您的代码来看，您似乎并不真正需要表单。只需使用自己的按钮。你甚至可以使用

<input type="image" value="random link!" src="openlongbox.png" onClick="randomlinks()">

---

但是如果没有表单标签，在这种情况下，将不会提交任何内容，它将正常工作。

只需使用此项，

返回false在onclick中，它将按预期工作

    <input type="image" value="random link!" 
src="openlongbox.png" onClick="randomlinks(); return false;" >


只要删除表单标签，您就可以开始了。
更不用说表单没有被用来提交任何内容
    <input type="image" value="random link!" 
src="openlongbox.png" onClick="randomlinks(); return false;" >