1. 程式人生 > >a標籤使用href=”javascript:void(0); 在火狐瀏覽器跟chrome 不相容

a標籤使用href=”javascript:void(0); 在火狐瀏覽器跟chrome 不相容

今天在開發中發現,使用如下方式的連結。在Chrome中點選後行為符合預期,但在IE下會新開標籤卡(根據參考資料,Firefox中有相同問題)。
<a href=”javascript:void(0);” target=”_blank”>test</a>

後經查詢資料,發現需如下解決。
通過onclick阻止瀏覽器預設事件:<a onclick=”return false;” href=”javascript:void(0);” target=”_blank”>test</a>
或直接:<a target=”_blank”>test</a>

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