在網頁中，我們經常需要展示一些代碼示例。為了方便用戶使用，我們也需要提供一個復制代碼的功能。那么，這個功能要怎么實現呢？下面就一起來看看吧。 首先，我們需要獲取到需要復制的代碼。這里，我們可以使用JavaScript來實現。代碼如下所示：

function copyCode() {
var code = document.getElementById("code").textContent;
navigator.clipboard.writeText(code);
alert("代碼已復制成功！");
}

在上述代碼中，我們使用了navigator.clipboard.writeText()方法將代碼文本復制到剪貼板中，并通過alert()方法彈出提示框告知用戶復制成功。 接下來，我們需要在HTML代碼中添加一個復制按鈕，并將按鈕的點擊事件綁定到上述JavaScript函數上。代碼如下所示：

這里是代碼示例
復制代碼

在上述HTML代碼中，我們使用了

和標簽分別展示了代碼示例和復制按鈕。通過onclick屬性綁定了按鈕點擊事件到copyCode()函數上。 最后，我們需要將CSS樣式應用到HTML代碼上，讓它看起來更加美觀。代碼如下所示：

在上述CSS代碼中，我們?yōu)?div>、

和

標簽分別設定了樣式，讓它們看起來更加美觀。 綜上所述，通過使用HTML、CSS和JavaScript，我們可以很方便地實現一個點擊復制網頁中代碼的功能。