html5中文学习网

您的位置: 首页 > 网络编程 > 相关技巧 » 正文

彻底解决页面文字编码乱码问题_相关技巧_脚本之家

[ ] 已经帮助:人解决问题
本文提供一种方法,通过将字符串编码成Unicode格式,保证数据在展示和传输过程中万无一失。无论客户端浏览器如何改变编码,页面上的编码都不会乱码。
对于HTML/XML,采用 &# + 十位Unicode码 + ; 的形式格式化字符。
对于JS,采用 /u + 4位Unicode码 来格式化字符串.
示例采用C#编写,使用了 中文、俄文、韩文、日文 来展示。对于PHP,文章末尾将会提到。
首先,有一个String的扩展类。
复制代码 代码如下:

using System.Text.RegularExpressions;
namespace XXOO
{
/// <summary>
/// 扩展方法,提供Html编码 和 脚本编码
/// </summary>
public static class StringExtension
{
private static string GetHtmlEncodedStr(Match m)
{
string x = m.ToString();
return string.Format("&#{0};", (int)x[0]);
}
/// <summary>
/// 将字符串转换为HTML编码格式
/// </summary>
/// <param name="text">字符串</param>
/// <returns>输出形如:中文丰厚警</returns>
public static string HtmlEncode( this string text )
{
return Regex.Replace(text
, "([^//000-//127]|&|///"|//<|//>|')"
, new MatchEvaluator(GetHtmlEncodedStr)
, RegexOptions.ECMAScript | RegexOptions.Compiled
);
}
private static string GetScriptEncodedStr(Match m)
{
string x = m.ToString();
return "//u" + string.Format("{0:X}", (int)x[0]).PadLeft( 4, '0');
}
/// <summary>
/// 将字符串编码成Unicode格式 如:/uXXXX
/// </summary>
/// <param name="text">字符串</param>
/// <returns>输出形如:/u4E2D/u6587/u4E30/u539A/u8B66/u65B9</returns>
public static string ScriptEncode( this string text )
{
return Regex.Replace(text
, "([^//000-//127]|&|///"|'|//<|//>|//n|//r|//t)"
, new MatchEvaluator(GetScriptEncodedStr)
, RegexOptions.ECMAScript | RegexOptions.Compiled
);
}
}
}

它提供了2个方法,给测试页面使用。
测试页面(ASP.Net)
复制代码 代码如下:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication1.WebForm1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<pre runat="Server" id="pre"></pre>
<asp:PlaceHolder runat="Server" ID="placeHolder"></asp:PlaceHolder>
</form>
</body>
</html>

测试页面代码:
复制代码 代码如下:

using XXOO;
namespace WebApplication1
{
public partial class WebForm1 : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
var str = @"中文丰厚警方过后发达看见发的话该快发动机后购房贷款好
Китайское посольство в Ираке и Багдаде отделение
이라크에서 중국 대사관과 알의 바그다드 지사 - 만수르 호텔
イラクでの大使やアルのバグダッド支局-マンスルホテル
1234567890!@#$%^&*()<>""'/|}{][:;
";
pre.InnerHtml = str.HtmlEncode();
HtmlGenericControl control = new HtmlGenericControl("script");
control.Attributes["language"] = "javascript";
control.Attributes["type"] = "text/javascript";
control.InnerHtml = string.Format("alert(/"{0}/");", str.ScriptEncode());
placeHolder.Controls.Add(control);
}
}
}

运行后得到的HTML:
复制代码 代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head><title>
</title></head>
<body>
<form name="form1" method="post" action="WebForm1.aspx" id="form1">
<pre id="pre">中文丰厚警方过后发达看见发的话该快发动机后购房贷款好
Китайское посольство в Ираке и Багдаде отделение
이라크에서 중국 대사관과 알의 바그다드 지사 - 만수르 호텔
イラクでの大使館やアルのバグダッド支局-マンスールホテル
1234567890!@#$%^&*()<>"'\|}{][:;
</pre>
<script language="javascript" type="text/javascript"><!--
alert("/u4E2D/u6587/u4E30/u539A/u8B66/u65B9/u8FC7/u540E/u53D1/u8FBE/u770B/u89C1/u53D1/u7684/u8BDD/u8BE5/u5FEB/u53D1/u52A8/u673A/u540E/u8D2D/u623F/u8D37/u6B3E/u597D/u000D/u000A/u041A/u0438/u0442/u0430/u0439/u0441/u043A/u043E/u0435 /u043F/u043E/u0441/u043E/u043B/u044C/u0441/u0442/u0432/u043E /u0432 /u0418/u0440/u0430/u043A/u0435 /u0438 /u0411/u0430/u0433/u0434/u0430/u0434/u0435 /u043E/u0442/u0434/u0435/u043B/u0435/u043D/u0438/u0435 /u000D/u000A/uC774/uB77C/uD06C/uC5D0/uC11C /uC911/uAD6D /uB300/uC0AC/uAD00/uACFC /uC54C/uC758 /uBC14/uADF8/uB2E4/uB4DC /uC9C0/uC0AC - /uB9CC/uC218/uB974 /uD638/uD154/u000D/u000A/u30A4/u30E9/u30AF/u3067/u306E/u5927/u4F7F/u9928/u3084/u30A2/u30EB/u306E/u30D0/u30B0/u30C0/u30C3/u30C9/u652F/u5C40-/u30DE/u30F3/u30B9/u30FC/u30EB/u30DB/u30C6/u30EB/u000D/u000A1234567890!@#$%/u005E/u0026*()/u003C/u003E/u0022/u0027/u005C/u007C/u007D/u007B/u005D/u005B:;/u000D/u000A");
// --></script>
</form>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head><title>
</title></head>
<body>
<form name="form1" method="post" action="WebForm1.aspx" id="form1">
<pre id="pre">中文丰厚警方过后发达看见发的话该快发动机后购房贷款好
Китайское посольство в Ираке и Багдаде отделение
이라크에서 중국 대사관과 알의 바그다드 지사 - 만수르 호텔
イラクでの大使館やアルのバグダッド支局-マンスールホテル
1234567890!@#$%^&*()<>"'\|}{][:;
</pre>
<script language="javascript" type="text/javascript"><!--
alert("/u4E2D/u6587/u4E30/u539A/u8B66/u65B9/u8FC7/u540E/u53D1/u8FBE/u770B/u89C1/u53D1/u7684/u8BDD/u8BE5/u5FEB/u53D1/u52A8/u673A/u540E/u8D2D/u623F/u8D37/u6B3E/u597D/u000D/u000A/u041A/u0438/u0442/u0430/u0439/u0441/u043A/u043E/u0435 /u043F/u043E/u0441/u043E/u043B/u044C/u0441/u0442/u0432/u043E /u0432 /u0418/u0440/u0430/u043A/u0435 /u0438 /u0411/u0430/u0433/u0434/u0430/u0434/u0435 /u043E/u0442/u0434/u0435/u043B/u0435/u043D/u0438/u0435 /u000D/u000A/uC774/uB77C/uD06C/uC5D0/uC11C /uC911/uAD6D /uB300/uC0AC/uAD00/uACFC /uC54C/uC758 /uBC14/uADF8/uB2E4/uB4DC /uC9C0/uC0AC - /uB9CC/uC218/uB974 /uD638/uD154/u000D/u000A/u30A4/u30E9/u30AF/u3067/u306E/u5927/u4F7F/u9928/u3084/u30A2/u30EB/u306E/u30D0/u30B0/u30C0/u30C3/u30C9/u652F/u5C40-/u30DE/u30F3/u30B9/u30FC/u30EB/u30DB/u30C6/u30EB/u000D/u000A1234567890!@#$%/u005E/u0026*()/u003C/u003E/u0022/u0027/u005C/u007C/u007D/u007B/u005D/u005B:;/u000D/u000A");
// --></script>
</form>
</body>
</html>

这样,不管浏览器采用何种编码,页面都不会出现乱码。
==============================================
PHP
PHP的情况就复杂一点,需要考虑mysql的编码。这些姑且不论。
下面给出一点示例,将GBK进行HTML编码。仅作参考:
复制代码 代码如下:

function htmlEncode($text)
{
$encoded = "";
for( $index = 0; $index < strlen($text); $index++)
{
if( ord($text[$index]) <= 127 )
{
switch(ord($text[$index]))
{
case 34:
case 38:
case 39:
case 60:
case 62:
$encoded .= "&#" .ord($text[$index]).";";
break;
default:
$encoded .= $text[$index];
}
}
else
{
$char = $text[$index] . $text[$index+1];
$char = mb_convert_encoding( $char, "utf-16", "gbk");
$encoded .= "&#" . (ord($char[0])*256 + ord($char[1])) . ";";
$index++;
}
}
return $encoded;
}
function htmlEncode($text)
{
$encoded = "";
for( $index = 0; $index < strlen($text); $index++)
{
if( ord($text[$index]) <= 127 )
{
switch(ord($text[$index]))
{
case 34:
case 38:
case 39:
case 60:
case 62:
$encoded .= "&#" .ord($text[$index]).";";
break;
default:
$encoded .= $text[$index];
}
}
else
{
$char = $text[$index] . $text[$index+1];
$char = mb_convert_encoding( $char, "utf-16", "gbk");
$encoded .= "&#" . (ord($char[0])*256 + ord($char[1])) . ";";
$index++;
}
}
return $encoded;
}

然后通过XML返回,这样就能够彻底杜绝乱码。
复制代码 代码如下:

echo "<?xml version=/"1.0/" encoding=/"utf-8/"?>/n";
echo "<result>";
echo "<success>". ($success ? 1 : 0) ."</success>";
echo "<message>" . htmlEncode($message) . "</message>";
if( $success )
{
echo "<nickname>" . htmlEncode($nickname) . "</nickname>";
echo "<userId>".$userId."</userId>";
echo "<siteId>".$siteId."</siteId>";
echo "<isTeacher>". ($isTeacher ? 1 : 0) ."</isTeacher>";
echo "<ipAddress>" . htmlEncode($ipAddress) . "</ipAddress>";
}
echo "</result>";
本文来自CSDN博客,转载请标明出处:http://blog.csdn.net/wangjia184/archive/2009/10/26/4728318.aspx
(责任编辑:)
推荐书籍
推荐资讯
关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助