使⽤javascript处理HTML的Encode（转码）和解码（Decode）的常⽤⽅式⼀、⽤浏览器内部转换器实现转换与⽤正则表达式进⾏转换处理
1.将两种⽅式封装HtmlUtil⼯具类，⽅便在开发中使⽤，完整代码如下：
var HtmlUtil = {
/*1.⽤浏览器内部转换器实现html转码*/
htmlEncode:function (html){
//1.⾸先动态创建⼀个容器标签元素，如DIV
var temp = ateElement ("div");
//2.然后将要转换的字符串设置为这个元素的innerText(ie⽀持)或者textContent(⽕狐，google⽀持)
(Content != undefined ) ? (Content = html) : (temp.innerText = html);
//3.最后返回这个元素的innerHTML，即得到经过HTML编码转换的字符串了
var output = temp.innerHTML;
temp = null;
return output;
},
/*2.⽤浏览器内部转换器实现html解码*/
htmlDecode:function (text){
//1.⾸先动态创建⼀个容器标签元素，如DIV
var temp = ateElement("div");
//2.然后将要转换的字符串设置为这个元素的innerHTML(ie，⽕狐，google都⽀持)
temp.innerHTML = text;
//3.最后返回这个元素的innerText(ie⽀持)或者textContent(⽕狐，google⽀持)，即得到经过HTML解码的字符串了。
var output = temp.innerText || Content;
temp = null;
return output;
},
/*3.⽤正则表达式实现html转码*/
htmlEncodeByRegExp:function (str){
var s = "";
if(str.length == 0) return "";
s = place(/&/g,"&");
s = s.replace(/</g,"<");
s = s.replace(/>/g,">");
s = s.replace(/ /g," ");
s = s.replace(/\'/g,"'");
s = s.replace(/\"/g,""");
return s;
},
html代码转链接
/*4.⽤正则表达式实现html解码*/
htmlDecodeByRegExp:function (str){
var s = "";
if(str.length == 0) return "";
s = place(/&/g,"&");
s = s.replace(/</g,"<");
s = s.replace(/>/g,">");
s = s.replace(/ /g," ");
s = s.replace(/'/g,"\'");
s = s.replace(/"/g,"\"");
return s;
}
};
测试代码
var html = "<br>ccccc<p>aaaaa</p>";
//  var encodeHTML = HtmlUtil.htmlEncodeByRegExp(html);
//  alert("⽤正则表达式进⾏html转码，encodeHTML：" + encodeHTML);
//  var decodeHTML = HtmlUtil.htmlDecodeByRegExp("⽤正则表达式进⾏html解码：" + encodeHTML); //  alert(decodeHTML);
var encodeHTML = HtmlUtil.htmlEncode(html);
alert("⽤浏览器内部转换器进⾏html转码，encodeHTML:"+encodeHTML);
var decodeHTML = HtmlUtil.htmlDecode(encodeHTML);
alert("⽤浏览器内部转换器进⾏html解码"+decodeHTML);
测试结果：
在这⾥插⼊图⽚描述

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。