escape編碼與unescape解碼漢字出現(xiàn)亂碼的解決方法
今天的項(xiàng)目中遇到需要用javascript的escape編碼漢字再用unescape解碼的情況，測(cè)試代碼段的時(shí)候出現(xiàn)了亂碼的情況。
具體情況如下：
首先，用EditPlus打開(kāi)測(cè)試頁(yè)面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測(cè)試</title>
</head>
<body>
<script>
var teststr=escape("腳本之家");
document.write(teststr);
</script>
</body>
</html>
頁(yè)面打印輸出：
%uFFFD%u0171%uFFFD%u05AE%uFFFD%uFFFD
此時(shí)可以看出情況不對(duì)，單從漢字對(duì)應(yīng)的字符數(shù)量上來(lái)說(shuō)已經(jīng)不對(duì)了！
再使用如下代碼測(cè)試unescape解碼后的漢字：
var relstr=unescape("%uFFFD%u0171%uFFFD%u05AE%uFFFD%uFFFD");
document.write(relstr);
出現(xiàn)了亂碼：�ű�֮��
解決方法：
用Dreamweaver打開(kāi)test.html文件，發(fā)現(xiàn)了問(wèn)題所在！
原先的那段
var teststr=escape("腳本之家");
變成了
var teststr=escape("ű֮");
可見(jiàn)是編輯器的初始編碼造成的！
在Dreamweaver中將漢字改回來(lái)，重新運(yùn)行test.html，得到了對(duì)應(yīng)的編碼：
%u811A%u672C%u4E4B%u5BB6
此時(shí)再用unescape解碼：
var relstr=unescape("%u811A%u672C%u4E4B%u5BB6");
document.write(relstr);
就得到了原先正確的漢字：腳本之家！
相關(guān)文章
JS數(shù)組方法shift()、unshift()用法實(shí)例分析
這篇文章主要介紹了JS數(shù)組方法shift()、unshift()用法,結(jié)合實(shí)例形式分析了JavaScript數(shù)組shift()與unshift()方法功能、用法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2020-01-01
最近這幾天在升級(jí)自己的MVVM 框架,遇到很多小問(wèn)題,所以想著就在這里統(tǒng)一解決了。文中主要介紹了關(guān)于Javascript中with的替代方法與String中的正則方法，有需要的朋友們可以參考借鑒，下面來(lái)一起看看吧。2016-12-12
javascript獲取以及設(shè)置光標(biāo)位置
本文介紹了javascript獲取以及設(shè)置光標(biāo)位置的方法，具有很好的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-02-02
用js的document.write輸出的廣告無(wú)阻塞加載的方法
這篇文章主要介紹了用js的document.write輸出的廣告無(wú)阻塞加載的方法,需要的朋友可以參考下2014-06-06
僅Firefox中鏈接A無(wú)法實(shí)現(xiàn)模擬點(diǎn)擊以觸發(fā)其默認(rèn)行為
偶然發(fā)現(xiàn)之前寫(xiě)的事件模塊在Firefox5中無(wú)法觸發(fā)A的默認(rèn)行為了。IE/Opera/Firefox5中A具有click方法，因此模擬點(diǎn)擊直接調(diào)用click方法即可。2011-07-07
Javascript動(dòng)態(tài)伸縮+淡出淡入
一種不錯(cuò)代碼應(yīng)用實(shí)例，大家可以根據(jù)這個(gè)代碼，拓寬出更好的代碼2009-02-02
這篇文章主要為大家詳細(xì)介紹了最全面的前端插件Bootstrap快速人門案例，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12
這篇文章主要介紹了js如何將輸入的文字部分獲取拼音首字母問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-05-05
layer.open的自適應(yīng)及居中及子頁(yè)面標(biāo)題的修改方法
今天小編就為大家分享一篇layer.open的自適應(yīng)及居中及子頁(yè)面標(biāo)題的修改方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09
bootstrap下拉列表與輸入框組結(jié)合的樣式調(diào)整
輸入框組默認(rèn)是div.input-group。接下來(lái)通過(guò)本文給大家介紹bootstrap下拉列表與輸入框組結(jié)合的樣式調(diào)整，感興趣的朋友一起看看吧2016-10-10