快捷導(dǎo)航

完美解決JS中漢字顯示亂碼問題（已解決）

更新時間：2006年12月27日 00:00:00 作者：

如題，剛才看了幾篇大家的討論，忽然也想起要將自己最近研究的問題貼出來，凡是和JS中亂碼相關(guān)的問題都發(fā)到這里把，大家一起研究。:)
場景一：write寫出來的內(nèi)容是utf-8格式的，如果保存的write數(shù)據(jù)中有不是utf-8編碼的中文，對write嵌套倆次以上就會有亂碼。由于手頭沒有現(xiàn)成的文件，剛才臨時制作了一個,這是1.htm頁面的代碼：

復(fù)制代碼代碼如下:

<html>  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">  
<script language="JavaScript" src="1.js"></script>  
</head>  
<body onload=myjs(1)>  
</body>  
</html>

這是引用的1.js文件代碼，倆個文件均用簡體中文保存而不是utf-8

復(fù)制代碼代碼如下:

//這是JS遞歸自寫過程中漢字亂碼的演示程序  
//不光是中文內(nèi)容不行，就連注釋如果是中文有時候也不行  
//感覺JS一碰上中文就變得很不穩(wěn)定=_='  
//Dec. 29th 2005 created by shouhaimu(QQ:30836570)  
function myjs(i)  
{  
    var t="<html>\n";  
    t+="<head>\n";  
    t+="<meta http-equiv='Content-Type' content='text/html; charset=gb2312'>\n";  
    t+="<script language='JavaScript' src='1.js'></script>\n";  
    t+="</head>\n";  
    t+="<body>\n";  
    t+="<input type=button onclick=myjs("+(i+1)+" value='這是演示程序，已經(jīng)運(yùn)行了"+i+"次！'>\n";  
//上面這行如果改成下面這句就可以正常顯示，看來確實是JS對漢字的支持不夠好：  
//t+="<input type=button onclick=myjs("+(i+1)+" value='This is my code,it has run "+i+" times!'>\n";  
    t+="</body>\n";  
    t+="</html>\n";  
    document.open();  
    document.write(t);  
    document.close();  
} 

運(yùn)行第2次以上就會有亂碼。
場景二：通過XMLHTTP獲取文件后再輸出時，如果該文件包含中文信息并按gb編碼，顯示時中文信息會是亂碼。
js代碼如下:（注釋是發(fā)貼子時候加的，如果怕干擾可以去掉）

復(fù)制代碼代碼如下:

<SCRIPT language="JavaScript" type="text/JavaScript">  
self.onerror=null;  
var Http = new ActiveXObject("Microsoft.XMLHTTP";  
Http.open("GET",URL,false);　　　　　　//URL是您需要獲取的頁面的網(wǎng)址  
Http.send();  
document.write(Http.responseText);  
</SCRIPT>  
后來用VBS解決，改成如下：  
<SCRIPT language="VBScript" type="text/VBScript">  
Function bytes2BSTR(vIn)  
strReturn = ""  
For i = 1 To LenB(vIn)  
ThisCharCode = AscB(MidB(vIn,i,1))  
If ThisCharCode < &H80 Then  
strReturn = strReturn & Chr(ThisCharCode)  
Else  
NextCharCode = AscB(MidB(vIn,i+1,1))  
strReturn = strReturn & Chr(CLng(ThisCharCode) * &H100 + CInt(NextCharCode))  
i = i + 1  
End If  
Next  
bytes2BSTR = strReturn  
End Function  
set Http = CreateObject("Microsoft.XMLHTTP"  
Http.open "Get",URL,false　　　//URL是您需要獲取的頁面的網(wǎng)址  
Http.send ""  
document.write(bytes2BSTR(Http.responseBody))  
</SCRIPT> 

注：上面的bytes2BSTR只能對responseBody操作阿，responseText操作就不能正常顯示阿，因為responseText是系統(tǒng)按默認(rèn)編碼加工以后的東東了，是一堆亂碼，沒法處理。但是這樣倒是能讀簡體中文的文件了，但是讀utf-8又會出錯。
JS運(yùn)行時漢字亂碼相關(guān)問題的討論（編輯中出現(xiàn)的問題請參考其他專題貼）

首先感謝斑竹得指教，這個頁面不錯，收藏了，具體內(nèi)容研習(xí)中
http://sheneyan.com/test/testAjaxPost.htm

有些我也聽說過，也做過測試，關(guān)鍵還有三個疑團(tuán)沒有解開：

一、即使是曾經(jīng)正常顯示的頁面，如果用了后退或者讀取了一個非utf-8頁面以后也不能正常顯示了；

二、即使所有的防亂碼（當(dāng)然重新編碼的除外）措施都采用了，并且用同一程序打開銅一個頁面，也不能保證每次出來的頁面都能穩(wěn)定地顯示為中文；

三、遠(yuǎn)程獲取數(shù)據(jù)提交表單的問題，如果目標(biāo)網(wǎng)站用了編碼和解碼，那么意味著如果顯示的正常了，提交的內(nèi)容就成了亂碼，反之，亦然。于是不得不預(yù)先對所有獲取的內(nèi)容重新編碼，這樣就離不開編碼程序，也就擺脫不了VBS得陰影=_='

剛才測試中還發(fā)現(xiàn)個問題
先前發(fā)的VBS重編碼函數(shù)，如果頁面太大，IE會掛掉，具體多大估計和緩存及內(nèi)存大小有關(guān)系。總之，如果讓我對中文支持的程度排序得話JS<VBS<ASP<HTML，HTML都靜態(tài)了，當(dāng)然最穩(wěn)定，所以做動態(tài)頁，如果不是非得客戶端運(yùn)行，強(qiáng)烈建議用ASP生成代碼。

斑竹給得頁面頁能打開了，我對Ajax和xml都還比較陌生，雖然有聽說，但一直沒有介入，可否簡單介紹下，如果論壇上不方便說，可以加我QQ，資料中有，謝謝了！

您可能感興趣的文章: