php脚本中有对html代码的转义与反转义的方法,那么在js脚本中同样也可以对html代码进行转义与反转义。
js转义html代码的方法
(1)、定义一个html转义的函数
function HtmlEncode(text) { return text.replace(/&/g, "&") .replace(/</g, "<") .replace(/>/g, ">") .replace(/ /g, " ") .replace(/\'/g, "'") .replace(/\"/g, """) .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(/</g, "<") .replace(/>/g, ">") .replace(/ /g, " ") .replace(/'/g, "\'") .replace(/"/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);