escape編碼與unescape解碼漢字出現(xiàn)亂碼的解決方法
更新時間：2014年07月02日 10:32:42 投稿：shichen2014
這篇文章主要介紹了escape編碼與unescape解碼漢字出現(xiàn)亂碼的解決方法,需要的朋友可以參考下
今天的項目中遇到需要用javascript的escape編碼漢字再用unescape解碼的情況，測試代碼段的時候出現(xiàn)了亂碼的情況。
具體情況如下：
首先，用EditPlus打開測試頁面test.html，編輯如下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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>unescape測試</title>
</head>
<body>
<script>
var teststr=escape("腳本之家");
document.write(teststr);
</script>
</body>
</html>
頁面打印輸出：
%uFFFD%u0171%uFFFD%u05AE%uFFFD%uFFFD
此時可以看出情況不對，單從漢字對應的字符數(shù)量上來說已經(jīng)不對了！
再使用如下代碼測試unescape解碼后的漢字：
var relstr=unescape("%uFFFD%u0171%uFFFD%u05AE%uFFFD%uFFFD");
document.write(relstr);
出現(xiàn)了亂碼：�ű�֮��
解決方法：
用Dreamweaver打開test.html文件，發(fā)現(xiàn)了問題所在！
原先的那段
var teststr=escape("腳本之家");
變成了
var teststr=escape("ű֮");
可見是編輯器的初始編碼造成的！
在Dreamweaver中將漢字改回來，重新運行test.html，得到了對應的編碼：
%u811A%u672C%u4E4B%u5BB6
此時再用unescape解碼：
var relstr=unescape("%u811A%u672C%u4E4B%u5BB6");
document.write(relstr);
就得到了原先正確的漢字：腳本之家！
相關文章
這篇文章主要給大家介紹了關于javaScript刪除對象屬性的幾種方法的相關資料,它們在不同場景下有不同的應用,需要根據(jù)實際情況選擇最合適的刪除方法,文中通過實例代碼介紹的非常詳細,下面需要的朋友可以參考下2023-06-06
這篇文章主要為大家分享四個用HTML+CSS+JS實現(xiàn)的簡單應用小案例，有：猜數(shù)字、表白墻、切換日夜間模式和待辦事項，需要的可以參考一下2022-02-02
webpack-mvc 傳統(tǒng)多頁面組件化開發(fā)詳解
這篇文章主要介紹了webpack-mvc 傳統(tǒng)多頁面組件化開發(fā)詳解，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-05-05
ES6新特性五：Set與Map的數(shù)據(jù)結構實例分析
這篇文章主要介紹了ES6新特性五之Set與Map的數(shù)據(jù)結構,結合實例形式分析了ES6中Set與Map的功能、定義、屬性、結構與相關使用技巧,需要的朋友可以參考下2017-04-04
這篇文章主要介紹了js實現(xiàn)瀏覽本地文件并顯示擴展名的方法,涉及javascript文件上傳及字符串操作的相關技巧,非常簡單實用,需要的朋友可以參考下2015-08-08
下面小編就為大家?guī)硪黄猨s排序與重組的實例講解。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
本文主要介紹了使用javascript實現(xiàn)雪花飄落的特效，雖然網(wǎng)上有很多，不過都是比較陳舊了，兼容性不是太好，于是動手寫一個，把思路和實現(xiàn)代碼都分享給大家。2015-01-01
這篇文章主要為大家介紹了JavaScript復制文案到剪貼板實現(xiàn)小技巧,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-07-07
這篇文章主要介紹了JavaScript 作用域scope簡單匯總,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-10-10
這篇文章主要介紹了JS繼承定義與使用方法,結合完整實例形式分析了JavaScript繼承的基本定義、用法及操作注意事項,需要的朋友可以參考下2020-02-02