方法一:
用的浏覽器內部轉換器實現轉換,方法是動態創建一個容器標簽元素,如DIV,將要轉換的字符串設置為這個元素的innerText,然後返回這個元素的innerHTML,即得到經過HTML編碼轉換的字符串。
function HTMLEncode ( input )
{
var converter = document.createElement("DIV");
converter.innerText = input;
var output = converter.innerHTML;
converter = null;
return output;
}
當 然,還可以用相同的方法實現對字符串的HTMLDecode解碼,但有個問題就是緊跟在字符" <"後面的非空字符將連同字符" <"同時顯示不出來。當然,對字符串作相應處理是可以解決這個問題的,比如在字符" <"後面加個空格,解碼後再去掉就行,這是後話。畢竟,要使用 HTMLDecode方法解碼,自然是字符串已經經過HTMLEncode方法編碼了,而經過HTMLEncode編碼後的字符串,是不可能有字符 " <"存在的。
function HTMLDecode ( input )
{
var converter = document.createElement("DIV");
converter.innerHTML = input;
var output = converter.innerText;
converter = null;
return output;
}
方法二:
<script language=javascript>
function HTMLEnCode(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, """);
s = s.replace(/\n/g, " <br>");
return s;
}
function HTMLDeCode(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, "\"");
s = s.replace(/ <br>/g, "\n");
return s;
}
</script>
以上就是小編為大家帶來的js轉html實體的方法的全部內容了,希望對大家有所幫助,多多支持~