javascript htmlencode函数(ff兼容版) 主要是编辑器中反转html代码_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"; var encodeHTML = HTMLEncode(html); alert("方法一：" +encodeHTML); var decodeHTML = HTMLDecode(encodeHTML); alert("方法一：" +decodeHTML); </script>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

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

<script type="text/javascript"> function HTMLEncode2(str) { var s = ""; if(str.length == 0) return ""; s = str.replace(/&/g,"&"); s = s.replace(/,"<"); s = s.replace(/>/g,">"); s = s.replace(/ /g," "); s = s.replace(/\'/g,"'"); s = s.replace(/\"/g,"""); return s; } function HTMLDecode2(str) { var s = ""; if(str.length == 0) return ""; s = str.replace(/&/g,"&"); s = s.replace(/,"<"); s = s.replace(/>/g,">"); s = s.replace(/ /g," "); s = s.replace(/'/g,"\'"); s = s.replace(/"/g,"\""); return s; } var html = "<br>cccccaaaaa"; var encodeHTML = HTMLEncode2(html); alert("方法二:"+encodeHTML); var decodeHTML = HTMLDecode2(encodeHTML); alert("方法二:"+decodeHTML); </script>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

大家可以先运行测试下，我也发现了，还是第一种方法比较好用啊，真不错，大家一定要记住了。
 另外还是一些编辑器使用的一些htmlencode函数，到时候大家根据需要添加，不过需要提醒的是，代码一定要测试啊，脚本之家 jb51.net站长发布这条信息的时候测试确实很麻烦啊，修改了多次

复制代码 代码如下:

function HTMLEncode(text){
    text = text.replace(/&/g, "&") ;
    text = text.replace(/"/g, """) ;
    text = text.replace(/, "    text = text.replace(/>/g, ">") ;
    //text = text.replace(/\ /g," ");
    text = text.replace(/\n/g,"
");
    text = text.replace(/\t/g,"    ");
    return text;
}