HTML问题解决方案-Buttn点击后刷新页面的解决方法

Buttn点击后刷新页面的解决方法

---

背景：

今天在编写一个新增页面的时候点击新增按钮 页面整个刷新了
因为添加了校验虽然有校验效果
但点击新增按钮后整个页面刷新 校验提示也被刷没了

错误代码：

  <button class='my_btn' onclick="fu_name()">新增</button>
  // 点击后刷新button所在的页面

解决方法：

方法一： 添加属性 type='button'

  <button type='button' class='my_btn my_btn_sure' onclick="save()">新增</button>
  // 原因： IE浏览器中type默认值为button  但其他的浏览器默认值为submit
  // 推荐：type属性一要指定值 (很多人会省略 包括我~~~~  长记性了))
  

方法二： 使用input代替button标签

  <input type="button" class="my_btn my_btn_sure" onclick="save()" value="确定">
  // 表单里面有时候是这么写的- -

方法三： 使用a代替button标签

  <a class='my_btn' onclick="save()">新增</a>
  // 经常用a标签做按钮来着- -

第一个方法是解决button标签本身点击刷新的问题
后两个方法是标签替代方案达到按钮同样效果