天天看點

點選按鈕自動重新整理頁面問題

問題

<button class="layui-btn layui-btn-primary" onclick="findData()">查詢</button>      

點選頁面上的按鈕,執行完button的click事件後,會自動的重新重新整理一下目前的頁面。

原因

button,input type=button按鈕在IE和w3c,firefox浏覽器差別:

  1. 當在IE浏覽器下面時,button标簽按鈕,input标簽type屬性為button的按鈕是一樣的功能,不會對表單進行任何操作。
  2. 但是在W3C浏覽器,如Firefox下就需要注意了,button标簽按鈕會送出表單,而input标簽type屬性為button不會對表單進行任何操作。

解決方案

<input class="layui-btn layui-btn-primary" value="查詢" onclick="findData()"></input>      
<button type="button" class="layui-btn layui-btn-primary" onclick="findData()">查詢</button>      

繼續閱讀