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


Posted in Javascript onJuly 02, 2014

今天的项目中遇到需要用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("ű֮");

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

%u811A%u672C%u4E4B%u5BB6

此时再用unescape解码:

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

就得到了原先正确的汉字:三水点靠木!

Javascript 相关文章推荐
Jquery如何实现点击时高亮显示代码
Jan 22 Javascript
js的hasownproperty使用示例
Mar 02 Javascript
JS实现单行文字不间断向上滚动的方法
Jan 29 Javascript
Angularjs的ng-repeat中去除重复数据的方法
Aug 05 Javascript
javascript中的深复制详解及实例分析
Dec 29 Javascript
Bootstrap表格使用方法详解
Feb 17 Javascript
javascript实现二叉树的代码
Jun 08 Javascript
JavaScript之Map和Set_动力节点Java学院整理
Jun 29 Javascript
vue.js语法及常用指令
Oct 29 Javascript
vue中实现在外部调用methods的方法(推荐)
Feb 08 Javascript
vue2中,根据list的id进入对应的详情页并修改title方法
Aug 24 Javascript
vue 项目打包时样式及背景图片路径找不到的解决方式
Nov 12 Javascript
js获取IP地址的方法小结
Jul 01 #Javascript
jQuery截取指定长度字符串的实现原理及代码
Jul 01 #Javascript
原生js事件的添加和删除的封装
Jul 01 #Javascript
jQuery的:parent选择器定义和用法
Jul 01 #Javascript
jQuery 写的简单打字游戏可以提示正确和错误的次数
Jul 01 #Javascript
JavaScript利用正则表达式去除日期中的“-”
Jul 01 #Javascript
jquery实现图片按比例缩放示例
Jul 01 #Javascript
You might like
德生1994机评
2021/03/02 无线电
php顺序查找和二分查找示例
2014/03/27 PHP
php返回当前日期或者指定日期是周几
2015/05/21 PHP
php开发工具有哪五款
2015/11/09 PHP
html+js实现动态显示本地时间
2013/09/21 Javascript
IE6-IE9中tbody的innerHTML不能赋值的解决方法
2014/06/05 Javascript
Javascript学习笔记之数组的构造函数
2014/11/23 Javascript
nodejs爬虫抓取数据乱码问题总结
2015/07/03 NodeJs
JS实现霓虹灯文字效果的方法
2015/08/06 Javascript
基于Javascript实现返回顶部按钮
2016/02/29 Javascript
Bootstrap中的表单验证插件bootstrapValidator使用方法整理(推荐)
2016/06/21 Javascript
详解vue2.0脚手架的webpack 配置文件分析
2017/05/27 Javascript
原生JS实现动态加载js文件并在加载成功后执行回调函数的方法
2020/12/30 Javascript
layui 解决form表单点击无反应的问题
2019/10/25 Javascript
JavaScript进制转换实现方法解析
2020/01/18 Javascript
[01:10:03]OG vs EG 2018国际邀请赛淘汰赛BO3 第三场 8.23
2018/08/24 DOTA
pymssql ntext字段调用问题解决方法
2008/12/17 Python
centos下更新Python版本的步骤
2013/02/12 Python
使用Python实现下载网易云音乐的高清MV
2015/03/16 Python
更改Ubuntu默认python版本的两种方法python-&gt; Anaconda
2016/12/18 Python
浅析Python3爬虫登录模拟
2018/02/07 Python
python实现寻找最长回文子序列的方法
2018/06/02 Python
python 划分数据集为训练集和测试集的方法
2018/12/11 Python
Flask框架请求钩子与request请求对象用法实例分析
2019/11/07 Python
python的flask框架难学吗
2020/07/31 Python
Python grequests模块使用场景及代码实例
2020/08/10 Python
Python用SSH连接到网络设备
2021/02/18 Python
浅析HTML5 Landmark
2020/09/11 HTML / CSS
美国基督教约会网站:ChristianCafe.com
2020/02/04 全球购物
函授自我鉴定
2013/11/06 职场文书
组工干部对照检查材料
2014/08/25 职场文书
个人违纪检讨书
2014/09/15 职场文书
高中生逃课检讨书
2014/10/10 职场文书
2016年优秀班主任先进事迹材料
2016/02/26 职场文书
python绘图subplots函数使用模板的示例代码
2021/04/30 Python
Mybatis-plus在项目中的简单应用
2021/07/01 Java/Android