为什么我的按钮在被点击后消失了

如何解决为什么我的按钮在被点击后消失了

我的按钮正在按我需要的方式工作，除非单击它，否则它会完全消失。为什么要这样做？

<script type="text/javascript">
function randomlinks(){
    var myrandom=Math.round(Math.random()*6)
    var links=new Array()
    links[0]="https://abantutogether.org/"
    links[1]="https://abantutogether.org/about-us"
    links[2]="https://abantutogether.org/donate"
    links[3]="https://abantutogether.org/get-involved"
    links[4]="https://abantutogether.org/blog"
    links[5]="https://abantutogether.org/contact-us"
    links[6]="https://abantutogether.org/sponsor-a-child"
  
 
     window.open(links[myrandom])
}
</script>
<form>
<input type="image" src="https://i.postimg.cc/43PDgqnZ/logo-Pix-Teller-1.png"  value="random link!" onClick="randomlinks()">
</form>

解决方法

单击按钮时，将打开另一个选项卡/浏览器窗口，并且页面正在提交。这是您期望的行为吗？

在这种情况下，提交表单听起来很奇怪（action标记中没有设置form属性）。也许您不想在表单中包含此输入，或者可以通过如下更改onclick属性来避免提交：

onClick="randomlinks(); return false;"