原生 js 转义与还原HTML标签的方法

php脚本中有对html代码的转义与反转义的方法，那么在js脚本中同样也可以对html代码进行转义与反转义。

js转义html代码的方法

(1)、定义一个html转义的函数

function HtmlEncode(text) {
    return text.replace(/&/g, "&") 
        .replace(/</g, "&lt;")
        .replace(/>/g, "&gt;")
        .replace(/ /g, "&nbsp;")
        .replace(/\'/g, "&#39;")
        .replace(/\"/g, "&quot;")
        .replace(/\n/g, "<br/>");
}

(2)、代码示例 

var html = '<div id="mochu">我是这里的内容</div>';
var html_code = HtmlEncode(html);
document.write(html_code);

输出结果：

<div id="mochu">我是这里的内容</div>

js反转义html代码的方法

上面的JS代码可以将html代码进行转义，然后可以很方便的进行保存，当然也可以用下面给出的代码进行反转义！

(1)、定义一个JS反转义函数

function HtmlDecode(text) {
    return  text.replace(/&/g, "&")
        .replace(/&lt;/g, "<")
        .replace(/&gt;/g, ">")
        .replace(/&nbsp;/g, " ")
        .replace(/&#39;/g, "\'")
        .replace(/&quot;/g, "\"")
        .replace(/<br\/>/g, "\n"); 
}

(2)、函数使用示例

var html = '<div id="mochu">我是这里的内容</div>';
//这是转义的示例
var html_code = HtmlEncode(html);
document.write(html_code);
document.write('<br/>');
//这是反转义的示例
var html_scode = HtmlDecode(html_code);
document.write(html_scode);