本文介绍了一种在 JavaScript 中简洁高效地将包含 HTML 标签的字符串进行安全转码的方法。通过实例化 Option 对象并读取其 innerHTML 属性，可自动将特殊符号转换为对应的 HTML 实体编码，避免直接输出时解析为真正的 HTML 元素，无需使用复杂的循环或正则表达式。
HTML 字符串转码需求
HTML 字符串指代类似 '<div id="a">aklsdjfklsjdfl</div>' 这样包含 HTML 特殊符号的文本内容。在实际开发中，通常需要对这类字符串进行预处理后再输出，以防止浏览器将其解析为真正的 HTML 元素，即需要将 '<' 等符号转换为 '<' 等 HTML 实体编码。
当字符串长度较大且包含大量特殊符号时，如何简单且高效地完成全部转码？传统思路可能涉及循环遍历或正则表达式匹配，但本文提供了一种更简洁的替代方案。
基于 Option 对象的转码实现
具体实现代码如下：
function bian(a){return new Option(a).innerHTML}上述代码即为完整实现。
具体使用方式如下：
代码示例：
function bian(a){return new Option(a).innerHTML}
var a = '<div id="a">aklsdjfklsjdfl</div>';
alert(bian(a));