前端button按钮点击会自动刷新页面

ps：这是我刚开始求职遇到的一个面试题，居然我不会，丢人。。

原因：<button></button>如果不设置type属性，在IE浏览器下默认type值为"button"，其他浏览器默认type为"submit",点击便会提交表单，刷新页面

解决办法：

1.手动设置type="button"，<button type="button"></button>

2.在按钮的点击事件处理函数中取消默认事件，

    <button id="button"></button>

    document.getElementById("button").onclick=function(e){

        e.preventDefult();

    }

3.使用input，设置type = "button"

<input type="button" />