问题

页面上有一个查询按钮为 Button 标签，点击查询按钮后会自动刷新页面，令人费解，查资料后发现是 button 的默认行为导致的。

<button class="btn btn-default active" id="btnAdd" click="selectData()">查询</button>

原因

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

解决办法

方法一：将 button 标签更换为 input

<input class="btn btn-default active" id="btnAdd" value="查询" onclick="selectData()"></input>

方法二：为 button 按钮增加一个 type=”button” 属性

<input type="button" class="btn btn-default active" id="btnAdd" value="查询" onclick="selectData()"></input>