HTML的Encode(轉碼)和Decode(解碼)

　HTML的Encode(轉碼)和解碼(Decode)在平時的開發中也是經常要處理的，在這裡總結了使用javascript處理HTML的Encode(轉碼)和解碼(Decode)的常用方式

1.用瀏覽器內部轉換器實現html轉碼

　　首先動態創建一個容器標籤元素，如DIV，然後將要轉換的字元串設置為這個元素的innerText(ie支持)或者textContent(火狐，google支持)，最後返回這個元素的innerHTML，即得到經過HTML編碼轉換的字元串了。

2.用瀏覽器內部轉換器實現html解碼

　　首先動態創建一個容器標籤元素，如DIV，然後將要轉換的字元串設置為這個元素的innerHTML(ie，火狐，google都支持)，最後返回這個元素的innerText(ie支持)或者textContent(火狐，google支持)，即得到經過HTML解碼的字元串了。

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

測試

var html = "<br>aaaaaa<p>bbbb</p>";var encodeHtml = HtmlUtil.htmlEncode(html);alert("encodeHtml：" + encodeHtml);var decodeHtml = HtmlUtil.htmlDecode(encodeHtml);alert("decodeHtml：" + decodeHtml);

運行結果：