在CSS中,我們可以使用target
屬性來(lái)控制不打開新標(biāo)簽頁(yè)。target
屬性可以指定一個(gè)窗口或者標(biāo)簽頁(yè)來(lái)接收鏈接的響應(yīng),如果不指定target
屬性,那么鏈接將會(huì)在新標(biāo)簽頁(yè)中打開。
我們可以將target
屬性設(shè)置為_self
,這樣鏈接就會(huì)在當(dāng)前窗口或者標(biāo)簽頁(yè)中打開,而不是新標(biāo)簽頁(yè)。
<a href="https://html4.cn" target="_self">鏈接</a>
上述代碼中的鏈接會(huì)在當(dāng)前窗口或者標(biāo)簽頁(yè)中打開,而不會(huì)打開新標(biāo)簽頁(yè)。
我們還可以使用JavaScript來(lái)控制鏈接的打開方式,我們可以使用event.preventDefault()
方法來(lái)阻止鏈接的默認(rèn)行為,從而實(shí)現(xiàn)不打開新標(biāo)簽頁(yè)的效果。
document.querySelector('a').addEventListener('click', function(event) { event.preventDefault(); // 這里可以執(zhí)行其他操作,比如跳轉(zhuǎn)到其他頁(yè)面或者彈出提示框等 });
上述代碼中的鏈接點(diǎn)擊事件會(huì)阻止鏈接的默認(rèn)行為,從而實(shí)現(xiàn)不打開新標(biāo)簽頁(yè)的效果,我們還可以根據(jù)需要在事件處理函數(shù)中添加其他操作,比如跳轉(zhuǎn)到其他頁(yè)面或者彈出提示框等。