利用 Option 对象实现 HTML 字符串安全转码

HTML 字符串转码需求

HTML 字符串指代类似 '<div id="a">aklsdjfklsjdfl</div>' 这样包含 HTML 特殊符号的文本内容。在实际开发中，通常需要对这类字符串进行预处理后再输出，以防止浏览器将其解析为真正的 HTML 元素，即需要将 '<' 等符号转换为 '&lt;' 等 HTML 实体编码。

当字符串长度较大且包含大量特殊符号时，如何简单且高效地完成全部转码？传统思路可能涉及循环遍历或正则表达式匹配，但本文提供了一种更简洁的替代方案。

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));