鏈接的基礎概念
在網頁上，我們可以通過鏈接輕松地訪問到其他頁面。一個網站通常由許多頁面組成，這些頁面通過超鏈接相互連接，使得我們可以更加方便地瀏覽網站上的信息。超鏈接是一種 HTML 語言標簽，使用超鏈接的標簽是 <a> 標簽。<a> 標簽的 href 屬性定義了鏈接要前往的 URL，例如：
<a >百度一下</a>
這種方式的超鏈接通常會打開一個新的頁面，如果希望在當前頁面中打開鏈接，可以在 <a> 標簽中添加一個 target="_self" 屬性：
<a target="_self">百度一下</a>
鏈接的方式有很多，比如將鏈接作為按鈕形式展現：
<button onclick="window.location.>百度一下</button>
或者直接通過函數來實現鏈接操作：
<a href="javascript:linkFunction()">百度一下</a>
<script>
function linkFunction(){
window.location.;
}
</script>JavaScript 鏈接觸發
通過鏈接觸發，可以在不加載新頁面的同時，改變當前頁面的內容，從而實現改變頁面顯示效果的目的。
JavaScript 鏈接觸發的方式有很多，其中最簡單的就是通過 onClick 事件來觸發 JavaScript 代碼塊：
<a href="#" onclick="alert('Hello World!')">點擊觸發 JavaScript 代碼塊</a>通過點擊上面的鏈接，會出現一個彈出框，提示“Hello World!”。這是通過 JavaScript 代碼塊來觸發的。
還可以觸發一個函數，并傳遞參數，如下所示：
<a href="#" onclick="showMessage('Hi there!')">點擊觸發函數</a>
<script>
function showMessage(message){
alert(message);
}
</script>當點擊鏈接時，會調用 showMessage 函數，并傳遞參數“Hi there!”，然后彈出一個提示框。
使用事件代理實現鏈接觸發
另一種實現 JavaScript 鏈接觸發的方式是使用事件代理。事件代理是一種常用的開發技術，它可以將相同的事件處理程序附加到多個元素上，從而減少代碼的重復性和維護難度。
事件代理有兩部分：一個是委托元素，另一個是觸發元素。
觸發元素只是鏈接或按鈕等 HTML 元素，它們本身不需要事件處理程序。與它們關聯的事件處理程序應該在委托元素上注冊，這里使用的事件是 click 事件：
<ul id="nav">
<li><a href="#">首頁</a></li>
<li><a href="#">關于我們</a></li>
<li><a href="#">聯系我們</a></li>
</ul>
<script>
document.getElementById("nav").addEventListener("click", function(event){
if(event.target.nodeName === "A"){
alert("你點擊了鏈接：" + event.target.innerHTML);
}
});
</script>上面的代碼實現了在單擊<ul>元素內的任何鏈接時觸發事件處理程序。使用事件代理時，十分重要的一點是要檢查事件的目標元素是否正確，這里需要判斷是否是鏈接元素。
小結
JavaScript 鏈接觸發使得我們在不加載新頁面的同時，能夠改變當前頁面的內容，從而實現改變頁面顯示效果的目的。常見的實現方式包括：通過 onClick 事件觸發 JavaScript 代碼塊來實現；使用事件代理，將相同的事件處理程序附加到多個元素上，從而減少代碼的重復性和維護難度。
無論使用哪種方式，最終目的都是提供一個人性化的網站，為讀者提供方便、快捷、直接的閱讀體驗。