方法一:
用的浏覽器內部轉換器實現轉換,方法是動態創建一個容器標簽元素,如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實體的方法的全部內容了,希望對大家有所幫助,多多支持~