在網頁製作和開發中，我們經常需要將HTML程式碼轉換成字串格式，以方便傳遞、儲存、操作等。接下來，我們將探討如何把HTML轉換成字串。
1.使用escape函數
escape是JavaScript的內建函數，可以將字串中的非ASCII字元轉換成%xx形式。在處理HTML程式碼時，我們可以用escape將HTML程式碼轉換成字串格式。
範例程式碼：
var html = "这是一段HTML代码"; var str = escape(html); console.log(str); // %3Cdiv%3E%E8%BF%99%E6%98%AF%E4%B8%80%E6%AE%B5HTML%E4%BB%A3%E7%A0%81%3C%2Fdiv%3E
注意：使用escape轉換後的字串需要用unescape函數轉換回原來的HTML程式碼。
2.使用encodeURIComponent函數
encodeURIComponent是JavaScript的一個內建函數，可以將字串中的特殊字元轉換成%xx形式。在處理HTML程式碼時，我們可以用encodeURIComponent將HTML程式碼轉換成字串格式。
範例程式碼：
var html = "这是一段HTML代码"; var str = encodeURIComponent(html); console.log(str); // %3Cdiv%3E%E8%BF%99%E6%98%AF%E4%B8%80%E6%AE%B5HTML%E4%BB%A3%E7%A0%81%3C%2Fdiv%3E
注意：使用encodeURIComponent轉換後的字串需要用decodeURIComponent函數轉換回原來的HTML程式碼。
3.使用innerHTML屬性
HTML中元素的innerHTML屬性可以取得或設定元素的HTML內容。我們可以透過innerHTML屬性來取得HTML程式碼，然後用JSON.stringify()函數將其轉換成字串格式。
範例程式碼：
var html = "这是一段HTML代码"; var div = document.createElement("div"); div.innerHTML = html; var str = JSON.stringify(div.innerHTML); console.log(str); // "\"这是一段HTML代码\""
注意：轉換後的字串會帶有引號，我們需要使用eval()函數將其轉換回原來的HTML程式碼。
總結
以上就是把HTML程式碼轉換成字串格式的三種方式。每種方式都有其優缺點，我們可以根據具體情況選擇合適的方法。使用時，也需要注意轉換後的字串需要逆向轉換回原來的HTML程式碼。
以上是怎麼把html轉換成字串的詳細內容。更多資訊請關注PHP中文網其他相關文章！
