在网页制作和开发中，我们经常需要将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代码。
