escape编码与unescape解码汉字出现乱码的解决方法

escape编码与unescape解码汉字出现乱码的解决方法_javascript技巧

WBOY

发布： 2016-05-16 16:42:51

原创

2434 人浏览过

今天的项目中遇到需要用javascript的escape编码汉字再用unescape解码的情况，测试代码段的时候出现了乱码的情况。
具体情况如下：
首先，用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

登录后复制

此时可以看出情况不对，单从汉字对应的字符数量上来说已经不对了！
再使用如下代码测试unescape解码后的汉字：

var relstr=unescape("%uFFFD%u0171%uFFFD%u05AE%uFFFD%uFFFD");
document.write(relstr);

登录后复制

出现了乱码：�ű�֮��

解决方法：
用Dreamweaver打开test.html文件，发现了问题所在！
原先的那段

var teststr=escape("脚本之家");

登录后复制

变成了

var teststr=escape("&#369;&#1454;");

登录后复制

可见是编辑器的初始编码造成的！
在Dreamweaver中将汉字改回来，重新运行test.html，得到了对应的编码：

%u811A%u672C%u4E4B%u5BB6

登录后复制

此时再用unescape解码：

var relstr=unescape("%u811A%u672C%u4E4B%u5BB6");
document.write(relstr);

登录后复制

就得到了原先正确的汉字：脚本之家！

php8，我来也

30分钟学会网站布局

尚观Oracle入门到精通视频教程

你的第一行 UNI-APP 代码

Flutter 从头到应用启动

兄弟连Linux新版视频教程

AXURE 9视频教程（适合产品经理交互产品设计UI）

零基础PS视频教程

16天带你入门UI视频教程

PS技巧和切片技巧视频教程

阿里云环境搭建以及项目上线视频教程

计算机网络概述——程序员必须掌握的基础知识

程序员必备教程——HTTP协议讲解

Websocket视频教程

escape编码与unescape解码汉字出现乱码的解决方法_javascript技巧