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

標籤：chrome   cli   通過   href   because   called   Firefox瀏覽器   turn   efi   

使用如下方式的連結。在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

 

 

 

1. <a onclick="fn()">Does not appear as a link, because there‘s no href</a>  
2. <a href="javascript:void(0)" onclick="fn()">fn is called</a>  
3. <a href="javascript:undefined" onclick="fn()">fn is called</a>  
4. <a href="javascript:" onclick="fn()">fn is called too!</a>  

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