Html点击按钮自动刷新页面问题
发布日期:2021-05-08 03:02:38 浏览次数:19 分类:原创文章

本文共 527 字,大约阅读时间需要 1 分钟。

问题


<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>
上一篇:Vue01常见指令,axios
下一篇:lamdba03 Java8新特性之四:Stream API

发表评论

最新留言

第一次来,支持一个
[***.219.124.196]2025年04月03日 08时51分28秒