bootstrap中点击按钮会自动刷新页面

最近做项目的时候，有前端WEB页面需求，自己就又码了前端😂，用了bootstrap。今天遇到一个坑，记录一下。

html页面用bootstrap按钮组件的时候，每次按钮按下以后，页面会自动刷新，百思不得其解。折腾了半天，才发现是因为按钮的属性设置导致的。

在bootstrap中，按钮的type要设置为button，如果不设置或者设置为submit都会在click事件后，触发自动刷新页面。解决办法也一目了然了，将

1

<button type="submit" class="btn btn-primary" id="btn-play">播放</button>

改为

1

<button type="button" class="btn btn-primary" id="btn-play">播放</button>

即可。😊