HTML的Encode(轉碼)和解碼(Decode)在平時的開發中也是經常要處理的，在這裏總結了使用javascript處理HTML的Encode(轉碼)和解碼(Decode)的常用方式
一、用瀏覽器內部轉換器實現轉換
1.1.用瀏覽器內部轉換器實現html轉碼
首先動態創建一個容器標籤元素，如DIV，然後將要轉換的字符串設置爲這個元素的innerText(ie支持)或者textContent(火狐，google支持)，最後返回這個元素的innerHTML，即得到經過HTML編碼轉換的字符串了。
1.2.用瀏覽器內部轉換器實現html解碼
首先動態創建一個容器標籤元素，如DIV，然後將要轉換的字符串設置爲這個元素的innerHTML(ie，火狐，google都支持)，最後返回這個元素的innerText(ie支持)或者textContent(火狐，google支持)，即得到經過HTML解碼的字符串了。
1.3.具體實現代碼
var HtmlUtil = {
/*1.用瀏覽器內部轉換器實現html轉碼*/
htmlEncode:function (html){
//1.首先動態創建一個容器標籤元素，如DIV
var temp = document.createElement ("div");
//2.然後將要轉換的字符串設置爲這個元素的innerText(ie支持)或者textContent(火狐，google支持)
(temp.textContent != undefined ) ? (temp.textContent = html) : (temp.innerText = html);
//3.最後返回這個元素的innerHTML，即得到經過HTML編碼轉換的字符串了
var output = temp.innerHTML;
temp = null;
return output;
},
/*2.用瀏覽器內部轉換器實現html解碼*/
htmlDecode:function (text){
//1.首先動態創建一個容器標籤元素，如DIV
var temp = document.createElement("div");
//2.然後將要轉換的字符串設置爲這個元素的innerHTML(ie，火狐，google都支持)
temp.innerHTML = text;
//3.最後返回這個元素的innerText(ie支持)或者textContent(火狐，google支持)，即得到經過HTML解碼的字符串了。
var output = temp.innerText || temp.textContent;
temp = null;
return output;
}
};測試：
1 var html = "<br>aaaaaa<p>bbbb</p>";
2 var encodeHtml = HtmlUtil.htmlEncode(html);
3 alert("encodeHtml：" + encodeHtml);
4 var decodeHtml = HtmlUtil.htmlDecode(encodeHtml);5 alert("decodeHtml：" + decodeHtml);運行結果：
二、用正則表達式進行轉換處理
使用正則表達式也是一種常用的處理方式，實現原理就是使用替換的方式來實現轉碼和解碼，轉碼時把<>，空格符，&，'，""替換成html編碼，解碼就把html編碼替換成對應的字符，實現代碼如下：
var HtmlUtil = {
/*1.用正則表達式實現html轉碼*/
htmlEncodeByRegExp:function (str){
var s = "";
if(str.length == 0) return "";
s = str.replace(/&/g,"&");
s = s.replace(/</g,"<");
s = s.replace(/>/g,">");
s = s.replace(/ /g," ");
s = s.replace(/\'/g,"'");
s = s.replace(/\"/g,""");
return s;
},
/*2.用正則表達式實現html解碼*/
htmlDecodeByRegExp:function (str){
var s = "";
if(str.length == 0) return "";
s = str.replace(/&/g,"&");
s = s.replace(/</g,"<");
s = s.replace(/>/g,">");
s = s.replace(/ /g," ");
s = s.replace(/'/g,"\'");
s = s.replace(/"/g,"\"");
return s;
}
};測試代碼：
1 var html = "<br>ccccc<p>aaaaa</p>";
2 var encodeHTML = HtmlUtil.htmlEncodeByRegExp(html);
3 alert("用正則表達式進行html轉碼，encodeHTML：" + encodeHTML);
4 var decodeHTML = HtmlUtil.htmlDecodeByRegExp("用正則表達式進行html解碼：" + encodeHTML);
5 alert(decodeHTML);測試結果：
三、封裝HtmlUtil工具類
將兩種方式封裝HtmlUtil工具類，方便在開發中使用，完整代碼如下：
var HtmlUtil = {
/*1.用瀏覽器內部轉換器實現html轉碼*/
htmlEncode:function (html){
//1.首先動態創建一個容器標籤元素，如DIV
var temp = document.createElement ("div");
//2.然後將要轉換的字符串設置爲這個元素的innerText(ie支持)或者textContent(火狐，google支持)
(temp.textContent != undefined ) ? (temp.textContent = html) : (temp.innerText = html);
//3.最後返回這個元素的innerHTML，即得到經過HTML編碼轉換的字符串了
var output = temp.innerHTML;
temp = null;
return output;
},
/*2.用瀏覽器內部轉換器實現html解碼*/
htmlDecode:function (text){
//1.首先動態創建一個容器標籤元素，如DIV
var temp = document.createElement("div");
//2.然後將要轉換的字符串設置爲這個元素的innerHTML(ie，火狐，google都支持)
temp.innerHTML = text;
//3.最後返回這個元素的innerText(ie支持)或者textContent(火狐，google支持)，即得到經過HTML解碼的字符串了。
var output = temp.innerText || temp.textContent;
temp = null;
return output;
},
/*3.用正則表達式實現html轉碼*/
htmlEncodeByRegExp:function (str){
var s = "";
if(str.length == 0) return "";
s = str.replace(/&/g,"&");
s = s.replace(/</g,"<");
s = s.replace(/>/g,">");
s = s.replace(/ /g," ");
s = s.replace(/\'/g,"'");
s = s.replace(/\"/g,""");
return s;
},
/*4.用正則表達式實現html解碼*/
htmlDecodeByRegExp:function (str){
var s = "";
if(str.length == 0) return "";
s = str.replace(/&/g,"&");
s = s.replace(/</g,"<");
s = s.replace(/>/g,">");
s = s.replace(/ /g," ");
s = s.replace(/'/g,"\'");
s = s.replace(/"/g,"\"");
return s;
}
};