很奇怪的问题。点击button会自动刷新页面？

因为button标签按钮会提交表单。

解决方法如下：

1、将改为  或者直接在中添加属性 type="button".

2、在button的点击事件中加入“e.preventDefult()” 

$('btn').click(function(e){

e.preventDefult();

});

扩展资料：

点击button刷新的几种常用代码：

1、

2、

3、

4、

5、

6、

7、

8、

9、

因为button标签按钮会提交表单。

解决方法如下：

1、将改为  或者直接在中添加属性 type="button".

2、在button的点击事件中加入“e.preventDefult()” 

$('btn').click(function(e){

e.preventDefult();

});

扩展资料：

标签定义一个按钮。

在 button 元素内部，您可以放置内容，比如文本或图像。这是该元素与使用 input 元素创建的按钮之间的不同之处。

控件 与 相比，提供了更为强大的功能和更丰富的内容。 与 标签之间的所有内容都是按钮的内容，其中包括任何可接受的正文内容，比如文本或多媒体内容。例如，我们可以在按钮中包括一个图像和相关的文本，用它们在按钮中创建一个吸引人的标记图像。

唯一禁止使用的元素是图像映射，因为它对鼠标和键盘敏感的动作会干扰表单按钮的行为。

请始终为按钮规定 type 属性。Internet Explorer 的默认类型是 "button"，而其他浏览器中（包括 W3C 规范）的默认值是 "submit"。

参考资料：

HTML5.2官方API接口-form表单

你好，我做过测试了，的确有这个问题，虽然我也不知道原因，但是如果你想使用点击不刷新的，建议用，这个是不会点击刷新的

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

默认的button不加类型是 submit 会提交当前页面所以会刷新，加上type="button" 就可以了