用Javascript实现HtmlEncode与HtmlDecode的另类方法

Html的Encode和Decode在服务器端是很容易实现的，就拿ASP.net来说，调用现成的函数System.Web.HttpContext.Server.HtmlEncode或HtmlDecode就能简单了事。     但随着Ajax的发展，人们越来越重视javascript或vbscript的编程，这就使得大家不得不用这些脚本语言解决一些曾经不长解决的问题，Html的Encode / Decode就是一个这样的例子，javascript好像并没有现成的函数，网上的相关代码也很少，主要思想大都是用正则表达式来替换(replace)"<"、">"、"&"等符号，其实有一个很巧妙的办法能解决这个问题，请看下面两个函数

功能同函数名，htmlEncode是让document.createTextNode把html代码转换成文本了，而htmlDecode是通过设置div的innerHTML使得浏览器对文本(编码后的html)做了代码自动调整,还原成了html，从而实现了编码/解码功能。     这个方法在IE Firefox Opera上面均测试成功，别的浏览器应该也不会有多大问题。

都没有经过验证

方法一：

用的浏览器内部转换器实现转换，方法是动态创建一个容器标签元素，如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 )

converter.innerHTML = input;

var output = converter.innerText;

方法二：

<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)   

         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");   

   </script>   

本文转自高海东博客园博客，原文链接：http://www.cnblogs.com/ghd258/archive/2009/10/18/1274429.html，如需转载请自行联系原作者