在網(wǎng)頁開發(fā)過程中，我們時(shí)常需要將代碼進(jìn)行復(fù)制。如何實(shí)現(xiàn)代碼復(fù)制，在HTML中可以使用pre標(biāo)簽加上一些簡單的JavaScript代碼來實(shí)現(xiàn)。 首先，在HTML中用pre標(biāo)簽來包裹我們需要展示的代碼。pre標(biāo)簽是用來展示預(yù)格式化的文本，文本中的空格、換行符等都會(huì)被保留。例如：

var name = "Tom";
console.log(name);

這將會(huì)在頁面上展示出一個(gè)代碼塊，保留了代碼中的空格和換行符。 接著，我們需要在代碼塊上添加一個(gè)按鈕，通過點(diǎn)擊按鈕來實(shí)現(xiàn)復(fù)制。我們可以使用button標(biāo)簽來實(shí)現(xiàn)，例如：復(fù)制代碼其中，onclick事件綁定了一個(gè)JavaScript函數(shù)copyCode()來實(shí)現(xiàn)復(fù)制功能。 最后，我們需要實(shí)現(xiàn)copyCode()這個(gè)函數(shù)。這個(gè)函數(shù)的實(shí)現(xiàn)需要借助于DOM API中的document.execCommand()方法。該方法可以在瀏覽器中執(zhí)行諸如剪切、復(fù)制或粘貼等命令。copyCode()的實(shí)現(xiàn)如下：該函數(shù)將代碼塊中的代碼獲取到，創(chuàng)建一個(gè)textarea標(biāo)簽，并將代碼寫入其中。然后選中textarea中的內(nèi)容，執(zhí)行復(fù)制命令，最后再將textarea刪除。 通過以上步驟，我們就可以簡單地實(shí)現(xiàn)代碼復(fù)制的功能。完整的HTML代碼如下：

var name = "Tom";
console.log(name);

復(fù)制代碼