javascript HTMLEncode HTMLDecode的完整实例(兼容ie和火狐)

时间：2021-07-17 08:10:50|栏目：JavaScript代码|点击：次

方法一：
用的浏览器内部转换器实现转换，方法是动态创建一个容器标签元素，如DIV，将要转换的字符串设置为这个元素的innerText(ie支持)||textContent(火狐支持)，然后返回这个元素的innerHTML，即得到经过HTML编码转换的字符串,显示的时候反过来就可以了（实际上显示的时候不用通过转换，直接赋值在div就可以正常显示的）。

复制代码代码如下:

 
<script type="text/javascript"> 
 
function HTMLEncode(html) 
 
{ 
 
var temp = document.createElement ("div"); 
 
(temp.textContent != null) ? (temp.textContent = html) : (temp.innerText = html); 
 
var output = temp.innerHTML; 
 
temp = null; 
 
return output; 
 
} 
 
function HTMLDecode(text) 
 
{ 
 
var temp = document.createElement("div"); 
 
temp.innerHTML = text; 
 
var output = temp.innerText || temp.textContent; 
 
temp = null; 
 
return output; 
 
} 
 
var html = "<br>dffdf<p>qqqqq</p>"; 
 
var encodeHTML = HTMLEncode(html); 
 
alert("方式一：" + encodeHTML); 
 
var decodeHTML = HTMLDecode(encodeHTML); 
 
alert("方式一：" + decodeHTML); 
 
</script>

方法二：
通过把正则表达式把<>和空格符转换成html编码,由于这种方式不是系统内置的所以很容易出现有些特殊标签没有替换的情况，而且效率低下

复制代码代码如下:

 
<script type="text/javascript"> 
 
function HTMLEncode2(str) 
 
{ 
 
var s = ""; 
 
if(str.length == 0) return ""; 
 
s = str.replace(/&/g,"&amp;"); 
 
s = s.replace(/</g,"&lt;"); 
 
s = s.replace(/>/g,"&gt;"); 
 
s = s.replace(/ /g,"&nbsp;"); 
 
s = s.replace(/\'/g,"&#39;"); 
 
s = s.replace(/\"/g,"&quot;"); 
 
return s; 
 
} 
 
function HTMLDecode2(str) 
 
{ 
 
var s = ""; 
 
if(str.length == 0) return ""; 
 
s = str.replace(/&amp;/g,"&"); 
 
s = s.replace(/&lt;/g,"<"); 
 
s = s.replace(/&gt;/g,">"); 
 
s = s.replace(/&nbsp;/g," "); 
 
s = s.replace(/&#39;/g,"\'"); 
 
s = s.replace(/&quot;/g,"\""); 
 
return s; 
 
} 
 
var html = "<br>ccccc<p>aaaaa</p>"; 
 
var encodeHTML = HTMLEncode2(html); 
 
alert("方式二：" + encodeHTML); 
 
var decodeHTML = HTMLDecode2("方式二：" + encodeHTML); 
 
alert(decodeHTML); 
 
</script>

上一篇：完成了AJAX树附原理分析

栏目：JavaScript代码

下一篇：javascript实现div的显示和隐藏的小例子

本文标题：javascript HTMLEncode HTMLDecode的完整实例(兼容ie和火狐)

本文地址：http://www.codeinn.net/misctech/158449.html

更多JavaScript代码

JavaScript代码

javascript HTMLEncode HTMLDecode的完整实例(兼容ie和火狐)

阅读排行

推荐教程