为什么点击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="按钮"/>