a標(biāo)簽使用href=”javascript:void(0);"在火狐瀏覽器跟chrome 不兼容

a標(biāo)簽使用href="javascript:void(0); "在火狐瀏覽器跟chrome 不兼容

使用如下方式的鏈接。在Chrome中點(diǎn)擊后行為符合預(yù)期，但在IE下會新開標(biāo)簽卡（根據(jù)參考資料，F(xiàn)irefox中有相同問題）。
<a href="javascript:void(0);" target="_blank">test</a>

后經(jīng)查找資料，發(fā)現(xiàn)需如下解決。
通過onclick阻止瀏覽器默認(rèn)事件：<a οnclick="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 οnclick="fn()">Does not appear as a link, because there's no href</a>
  2. <a href="javascript:void(0)" οnclick="fn()">fn is called</a>
  3. <a href="javascript:undefined" οnclick="fn()">fn is called</a>
  4. <a href="javascript:" οnclick="fn()">fn is called too!</a>

不用a標(biāo)簽了，改用elementUI的button
<el-button type="text" @click="handleClick(scope.row)" >{{scope.row.name}}</el-button>

最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容