1. 程式人生 > >html 編碼與解碼

html 編碼與解碼

fine 動態創建 innertext 編碼 document 元素 tco innerhtml content

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

總結:通過innerHtml方式編碼,通過innerText || textContent 方式解碼

html 編碼與解碼