asp.net与js中字符串的HTML编码与解码

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› ASP.NET›ASP.NET编程经验

原作者: [db:作者] 来自: [db:来源] 收藏邀请

一、Asp.net中字符的HTML编码与解码

字符的HTML编码:

System.Web.HttpUtility.HtmlEncode("字符串");

字符的HTML解码:

message = page.Server.HtmlDecode("字符串");

二、JS中的HTML编码与解码

有两中方法可以实现。一种是通过将值赋给一个动态创建一个容器来实现，另外一种方法是通过替换特殊字符来实现。

1、通过将值赋给一个动态创建一个容器来实现

　　1)HTML编码：

　　　　此方法是用的浏览器内部转换器实现转换，方法是动态创建一个容器标签元素，如DIV，将要转换的字符串设置为这个元素的innerText，然后返回这个元素的innerHTML，即得到经过HTML编码转换的字符串。

function HTMLEncode ( input )
{
    var converter = document.createElement("DIV");
    converter.innerText = input;
    var output = converter.innerHTML;
    converter = null;
    return output;
}

　　2)HTML解码：

　　用相同的方法实现对字符串的HTMLDecode解码，但有个问题就是紧跟在字符"<"后面的非空字符将连同字符"<"同时显示不出来。当然，对字符串作相应处理是可以解决这个问题的，比如在字符"<"后面加个空格，解码后再去掉就行，这是后话。毕竟，要使用 HTMLDecode方法解码，自然是字符串已经经过HTMLEncode方法编码了，而经过HTMLEncode编码后的字符串，是不可能有字符 "<"存在的。

function HTMLDecode ( input )
{
    var converter = document.createElement("DIV");
    converter.innerHTML = input;
    var output = converter.innerText;
    converter = null;
    return output;
}

2、通过替换特殊字符来实现

　　1）HTML编码：　　

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;
}

　　2)HTML解码：

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;
}

注：本文中第二部分“JS中的HTML编码与解码”转自http://hi.baidu.com/hfgyd2616/blog/item/864becf8cbe52c0bd9f9fdd9.html