在網頁開發中，我們經常需要拼接HTML代碼。這時，我們可能會使用JavaScript的append方法來將HTML代碼拼接起來。

// 創建一個包裹div的字符串
var str = '
';
// 添加一個p標簽
str += '
拼接HTML代碼
';
// 添加一個a標簽
str += '點擊我';
// 添加結束標簽
str += '
';
// 將HTML代碼添加到頁面中
document.body.append(str);

上述代碼首先創建了一個包裹div的字符串，并使用“+=”的方式向字符串中不斷添加HTML代碼。最后，通過調用append方法將字符串添加到頁面中。

除了使用“+=”將HTML代碼一步步拼接起來外，我們也可以將HTML代碼寫在一個字符串中，然后在JavaScript中進行字符串拼接。

// 定義包裹div的字符串
var str = '
';
// 使用模板字符串拼接HTML代碼
str += `
拼接HTML代碼
點擊我`;
// 添加結束標簽
str += '
';
// 將HTML代碼添加到頁面中
document.body.append(str);

上述代碼使用了模板字符串，并在其中拼接了HTML代碼。這樣，我們就省去了使用“+=”不斷拼接的步驟。不過，需要注意的是，模板字符串只能在ES6中使用。

無論是使用+=版的拼接方式還是使用模板字符串的拼接方式，都能為我們帶來便捷的拼接HTML代碼的方法。