解決Button按鈕點擊后自動刷新頁面的問題


一、問題

頁面上有這樣一個按鈕,每次點擊這個按鈕的時候,執行完button的click事件后,會自動的重新刷新一下當前的頁面。

 <button class="btn btn-default active" id="btnAdd" style="margin-left:40px;">@GlobalResources.New</button>
 <button id="btnSearch" type="button" class="btn btn-default active" style="margin-left:20px;">@GlobalResources.Search</button>
                              

二、原因
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 btn-default active" id="btnAdd" style="margin-left:40px;">@GlobalResources.New</button>
 <button type="button" id="btnSearch" type="button" class="btn btn-default active" style="margin-left:20px;">@GlobalResources.Search</button>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM