解决点击button按钮会刷新页面的问题

为什么点击button按钮会刷新页面呢？我是在写小功能的时候发现了这个问题。

原因：我们设置一个button标签按钮，它的标签默认的是submit这个属性，而这个属性默认的是具有表单提交功能的，所以在非IE浏览器下会存在点击后刷新页面的这个问题。

<button>按钮1</button>
<!-- 默认值 -->
<button type="submit">按钮2</button>

那我们如何解决呢？

解决方案：

• 在原生button按钮中添加type = "button"属性值就ok，这样它就仅仅只是一个按钮了
• button换写成input标签

<button>按钮1</button>
<!-- 默认值 -->
<input type="button" value="按钮"/>