關於javascript:void(0) 在不用的瀏覽器當中的表現

標籤：mil   關於   params   col   原因   需要   oid   sans   javascrip   

原因在於三款瀏覽器，對三個屬性的處理順序不同。
Chrome順序：onclick -> href -> target
IE和Firefox順序：onclick -> target -> href

 

而我的需求是點擊a標籤先執行某個方法，然後再開啟新的視窗。           

                   <div class="form-group col-md-1 ">                                <a id="exportBtn"  href="javascript:void(0)"  class="btn btn-primary btn-block pull-right" target="_blank" onclick="addParams();">匯出訂單</a>                   </div>

 

a標籤這樣寫，導致chrome 會開啟一個視窗， 而firefox會開啟兩個視窗。

經過查閱資料，只需要在onclick 執行return false 即可終止後續操作。

          

       <div class="form-group col-md-1 ">                                <a id="exportBtn"  class="btn btn-primary btn-block pull-right" target="_blank" onclick="addParams();return false;">匯出訂單</a>       </div>

 

便可解決兩個瀏覽器行為不一致的問題，可正確的僅開啟一個視窗或連結。

 

         
               

 

關於javascript:void(0) 在不用的瀏覽器當中的表現