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

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

<script type="text/javascript">
function htmlEncode (str){
   var div = document.createElement("div");
   var text = document.createTextNode(str);
   div.appendChild(text);
   return div.innerHTML;
}

function htmlDecode (str){
   var div = document.createElement("div");
   div.innerHTML = str;
   return div.innerHTML;
}
</script>

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