Question

我正在尝试做什么：我想让页面上的图像点击一个预先确定的链接的随机链接。我想出了如何使用按钮进行随机链接，但在将按钮更改为图像后，图像不再点击进入我的链接。相反，它会停留在同一页面上，并且URL会在最后稍微改变。

我需要更改编码以使图像的工作方式与按钮相同（点击我设置的随机链接之一）？

<script type="text/javascript">
function randomlinks() {
    var myrandom = Math.round(Math.random() * 2)
    var links = new Array()
    links[0] = "file://localhost/Users/drobert4/Desktop/Simple%20Site/Runaways.html"
    links[1] = "file://localhost/Users/drobert4/Desktop/Simple%20Site/Saga.html"
    links[2] = "file://localhost/Users/drobert4/Desktop/Simple%20Site/MsMarvel.html"

    window.location = links[myrandom]
}
</script>

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

Answer 1

您使用的输入类型image就像提交按钮一样。在这种情况下，当您单击它时，浏览器会发送提交表单的GET请求。

相反，它会停留在同一页面上，并且最后会略微更改网址。

由于默认情况下form方法是GET，因此它会附加表单元素值的查询字符串参数。由于你没有，只有?部分。

使用类似的东西：

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

但是，从您的代码中看来，您似乎并不需要表单。只需按一个按钮即可。你甚至可以使用

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

但没有表格标签，在这种情况下，将无需提交任何内容，它将起作用。

Answer 2

只需在onclick中使用此return false;，它就会按预期工作

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

Answer 3

只需删除表格标签就可以了。

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

3 个答案: