HTML和JS是web開發領域最重要的兩個技術，其中HTML用于網頁展示和構建頁面結構，而JS則用于網頁交互和動態效果。復制鏈接代碼是我們在開發過程中經常要使用的功能之一，接下來我們將介紹如何使用HTML和JS實現復制鏈接代碼的功能。 首先，我們需要一個按鈕元素來觸發復制操作，我們可以使用HTML中的button元素來創建一個按鈕，代碼如下：

<button id="copy-button">復制鏈接</button>

在上面的代碼中，我們使用了id屬性來給按鈕元素起了一個唯一的名字"copy-button"，這個名字將在JS代碼中用到。 接下來，我們需要編寫JS代碼來實現復制鏈接的功能，我們將使用Clipboard API來完成這個任務。Clipboard API是HTML5中新增加的API之一，它提供了拷貝、剪切和粘貼操作相關的功能，我們可以通過它來實現復制鏈接的功能。 為了實現復制鏈接的功能，我們需要編寫以下JS代碼：

let copyButton = document.querySelector("#copy-button");
copyButton.addEventListener("click", function() {
let link = window.location.href;
navigator.clipboard.writeText(link).then(function() {
alert("鏈接已復制");
}, function() {
alert("復制鏈接失敗");
});
});

在上面的代碼中，我們首先獲取了id為"copy-button"的按鈕元素，然后給它添加了一個點擊事件的監聽器。當按鈕被點擊時，我們會獲取當前頁面的鏈接地址，然后使用Clipboard API中的writeText方法來將鏈接文本寫入到剪貼板中。最后，我們可以使用alert函數來彈出一個對話框來提示用戶復制成功或失敗的信息。 通過上面的HTML和JS代碼，我們可以輕松地實現復制鏈接的功能。用戶只需要點擊頁面上的按鈕，就可以將當前頁面的鏈接復制到剪貼板中，非常方便實用。