web前端开发中button标签点击后导致页面刷新

一、问题

    <button class="but_style" >点击清除</button>

页面上有这样一个非常普通的botton按钮，每次点击这个按钮的时候，不执行事件或执行完button的click事件后，会自动的重新刷新一下当前的页面。

二、原因

button,input type=button按钮在IE和w3c，firefox浏览器区别：
1、当在IE浏览器下面时，button标签按钮，input标签type属性为button的按钮是一样的功能，不会对表单进行任何操作。
2、但是在W3C浏览器，如Firefox/谷歌下就需要注意了，button标签按钮会提交表单，而input标签type属性为button不会对表单进行任何操作  submit会对表单进行提交。

三、解决办法

为button按钮增加一个type=”button”属性。

    <button class="but_style" type="button">点击清除</button>

 

若有不足请多多指教！希望给您带来帮助！