Html点击按钮自动刷新页面问题

Html点击按钮自动刷新页面问题
强烈推介IDEA2020.2破解激活,IntelliJ IDEA 注册码,2020.2 IDEA 激活码

问题

<button class="btn btn-primary" onclick="findData()">查询</button>

点击页面上的按钮,执行完button的click事件后,会自动的重新刷新一下当前的页面。

原因

button,input type=button按钮在IE和w3c,firefox浏览器区别:

  1. 当在IE浏览器下面时,button标签按钮,input标签type属性为button的按钮是一样的功能,不会对表单进行任何操作。
  2. 但是在W3C浏览器,如Firefox下就需要注意了,button标签按钮会提交表单,而input标签type属性为button不会对表单进行任何操作。

解决方法

1.将button标签更换为input:

<input type="button" class="btn btn-primary" value="查询" onclick="findData()"></input>

2.为button按钮增加一个type=”button”属性:

<button type="button" class="btn btn-primary" οnclick="findData()">查询</button>
本文来源MrKorbin,由架构君转载发布,观点不代表Java架构师必看的立场,转载请标明来源出处:https://javajgs.com/archives/25318

发表评论