您現(xiàn)在的位置： 365建站網(wǎng) > 365文章 > 徹底解決頁面文字編碼亂碼問題

徹底解決頁面文字編碼亂碼問題

文章來源：365jz.com 點擊數(shù)：389 更新時間：2009-10-27 09:54 參與評論

在HTML頁面中、Javascript腳本中、以及XML數(shù)據(jù)傳輸中，因為編碼導致的問題不計其數(shù)。

本文提供一種方法，通過將字符串編碼成Unicode格式，保證數(shù)據(jù)在展示和傳輸過程中萬無一失。無論客戶端瀏覽器如何改變編碼，頁面上的編碼都不會亂碼。

對于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> /// 將字符串轉(zhuǎn)換為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 = @"中文豐厚警方過后發(fā)達看見發(fā)的話該快發(fā)動機后購房貸款好 Китайское посольство в Ираке и Багдаде отделение ????? ?? ???? ?? ???? ?? - ??? ?? イラクでの大使館やアルのバグダッド支局-マンスールホテル 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> <mce:script language="javascript" type="text/javascript"></mce:script> </form> </body> </html>

這樣，不管瀏覽器采用何種編碼，頁面都不會出現(xiàn)亂碼。

==============================================

PHP

PHP的情況就復雜一點，需要考慮mysql的編碼。這些姑且不論。

下面給出一點示例，將GBK進行HTML編碼。僅作參考：

然后通過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>";