前端页面点击button按钮会重新刷新页面问题

1、莫名其妙的BUG

今天上班同事找我给解决页面的bug。正常需求是在页面点击提交按钮后显示一个提交成功的提示框，之后跳转到上一个页面；但是实际情况是在点击提交按钮后，页面会自动刷新，导致提示框出现之后瞬间消失。在排除是JS代码的逻辑问题之后，我将问题锁定在了提交的button按钮上。

2、原因

在W3C浏览器中，button的type默认为submit提交表表单类型，点击之后会刷新当前页面。

3、解决方法

1. 改用<input type="button">。
2. 给button标签添加type="button"属性

反之，如果想在提交之后自动刷新页面，那么就可以使用button标签，不设置type属性活或type属性设为submit即可。