前言
項(xiàng)目中,有時(shí)會需要保留a標(biāo)簽自帶的樣式,同時(shí)去除a標(biāo)簽點(diǎn)擊跳轉(zhuǎn)的事件,我們會使用到href="#"與javascript:void(0)兩種方法。
<a href="#" target="_blank"></a>
<a href="javascript:void(0);" target="_blank"></a>
href="#"
其實(shí)也是空連接的意思,但是點(diǎn)擊之后會自動跳轉(zhuǎn)到頁面的最上面,因?yàn)橛昧诉@個(gè)方法就相當(dāng)于點(diǎn)擊了一個(gè)錨記,但是這個(gè)錨記又沒寫ID,所以就默認(rèn)跳轉(zhuǎn)到頁面頂部。
javascript:void(0)
void是一個(gè)操作符,這個(gè)操作符指定要計(jì)算一個(gè)表達(dá)式但是不返回值。如果在void中寫入0(void(0)),則什么也不執(zhí)行,從而也就形成了一個(gè)空鏈接。
href="#"與javascript:void(0)的區(qū)別
href="#"與javascript:void(0)的區(qū)別也很明顯,#方法會跳轉(zhuǎn)到頁面的頂部,并且在頁面URL后面會出現(xiàn)#,而javascript:void(0)方法不會,所以如果是空連接的話,還是推薦javascript:void(0)。