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

时间:2020-10-04 22:52:52

标签: html forms button

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

<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>

1 个答案:

答案 0 :(得分:1)

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

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

onClick="randomlinks(); return false;"