程序员人生 网站导航

HTML Button自动刷新页面的问题

栏目:htmlcss时间:2015-08-24 08:28:38

1、问题

<button class="am-btn am-btn-default am-btn-xs am-text-secondary" data-id="99" data-type=1><span class="am-icon-pencil-square-o"></span>修改</button>

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

2、缘由

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

3、解决办法

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

<button type="button" class="am-btn am-btn-default am-btn-xs am-text-secondary" data-id="99" data-type=1><span class="am-icon-pencil-square-o"></span>修改</button>
------分隔线----------------------------
------分隔线----------------------------

最新技术推荐