button自动刷新页面的问题

一、问题

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

<button class="btn" οnclick="appendStr()">确定</button>

 

页面使用 button 时 记得加上 type="button" ，否则在触发 ppendStr() 事件后，页面会重新加载一次。

 

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

三、解决办法
为button按钮增加一个type=”button”属性。

<button type="button" class="btn" οnclick="appendStr()">确定</button>
————————————————
版权声明：本文为CSDN博主「ibenben.org」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：