很多前端開(kāi)發(fā)者都熟悉在 HTML 中使用 "javascript:;" 語(yǔ)法來(lái)防止點(diǎn)擊鏈接時(shí)頁(yè)面跳轉(zhuǎn)。雖然這種方法可以實(shí)現(xiàn)預(yù)期的效果，但它存在一些缺點(diǎn)，比如可能會(huì)給用戶造成困惑，還有可能影響搜索引擎優(yōu)化（SEO）。
在 JavaScript 中，我們也可以使用類似的語(yǔ)法來(lái)實(shí)現(xiàn)類似的效果，即通過(guò)事件監(jiān)聽(tīng)器來(lái)阻止默認(rèn)行為。但是，和在 HTML 中使用 "javascript:;" 一樣，這種方法也存在一些問(wèn)題，特別是當(dāng)代碼逐漸變得復(fù)雜時(shí)。
下面我們將介紹如何避免在 JavaScript 中使用 "javascript:;" 語(yǔ)法，并給出具體的實(shí)例。
1. 使用 ?event.preventDefault()?
?event.preventDefault()? 可以阻止瀏覽器執(zhí)行與事件關(guān)聯(lián)的默認(rèn)動(dòng)作，比如在某個(gè)元素上單擊時(shí)打開(kāi)鏈接。這種方法不僅簡(jiǎn)單易用，而且對(duì)于大多數(shù)情況都非常有效。
例如，在以下代碼中，我們通過(guò)添加一個(gè)單擊事件監(jiān)聽(tīng)器來(lái)防止鏈接在單擊時(shí)打開(kāi)：
const link = document.querySelector('a');
link.addEventListener('click', function(event) {
event.preventDefault();
});
2. 返回 false
在一些舊版的 JavaScript 中，返回 false 也被廣泛用于阻止默認(rèn)行為。這種方式看起來(lái)很簡(jiǎn)潔，但是也有一些缺點(diǎn)。首先，它不夠直觀，可能會(huì)給其他開(kāi)發(fā)者帶來(lái)困惑。其次，在某些情況下，返回 false 可能會(huì)導(dǎo)致代碼出現(xiàn)奇怪的行為。
以下是使用返回 false 阻止默認(rèn)行為的示例：
const link = document.querySelector('a');
link.onclick = function() {
// do something
return false;
};
總之，我們應(yīng)該避免在 JavaScript 中使用 "javascript:;" 語(yǔ)法，而是使用 ?event.preventDefault()? 或返回 ?true? / ?false? 來(lái)阻止默認(rèn)行為。這種方式更加直觀、可靠，并且可以增強(qiáng)代碼的可讀性和可維護(hù)性。
