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 标题的自动翻转实现代码
Oct 14 Javascript
Node.js的包详细介绍
Jan 14 Javascript
jquery彩色投票进度条简单实例演示
Jul 23 Javascript
详解JavaScript异步编程中jQuery的promise对象的作用
May 03 Javascript
Javascript基础之数组的使用
May 13 Javascript
Vuejs 组件——props数据传递的实例代码
Mar 07 Javascript
AngularJS 购物车全选/取消全选功能的实现方法
Aug 14 Javascript
微信小程序 数据绑定及运算的简单实例
Sep 20 Javascript
简述Angular 5 快速入门
Nov 04 Javascript
ES6 迭代器与可迭代对象的实现
Feb 11 Javascript
微信小程序常见页面跳转操作简单示例
May 01 Javascript
Vue实现购物车基本功能
Nov 08 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
基于数据库的在线人数,日访问量等统计
2006/10/09 PHP
PHP 函数执行效率的小比较
2010/10/17 PHP
php中日期加减法运算实现代码
2011/12/08 PHP
PHP json格式和js json格式 js跨域调用实现代码
2012/09/08 PHP
YII Framework框架教程之国际化实现方法
2016/03/14 PHP
jQuery 性能优化指南(2)
2009/05/21 Javascript
编写高性能的JavaScript 脚本的加载与执行
2010/04/19 Javascript
javascript拓展DOM操作 prependChild insertAfert
2010/11/17 Javascript
ASP.NET jQuery 实例5 (显示CheckBoxList成员选中的内容)
2012/01/13 Javascript
javascript同页面多次调用弹出层具体实例代码
2013/08/16 Javascript
Javascript 运动中Offset的bug解决方案
2014/12/24 Javascript
JavaScript实现简单图片翻转的方法
2015/04/17 Javascript
WordPress中利用AJAX技术进行评论提交的实现示例
2016/01/12 Javascript
Jquery元素追加和删除的实现方法
2016/05/24 Javascript
JS 面向对象之继承---多种组合继承详解
2016/07/10 Javascript
浅谈JQ中mouseover和mouseenter的区别
2016/09/13 Javascript
angularjs实现下拉列表的选中事件示例
2017/03/03 Javascript
jQuery中each方法的使用详解
2018/03/18 jQuery
一步快速解决微信小程序中textarea层级太高遮挡其他组件
2019/03/04 Javascript
Vue 中获取当前时间并实时刷新的实现代码
2020/05/12 Javascript
python正则表达式判断字符串是否是全部小写示例
2013/12/25 Python
Python的Bottle框架中获取制定cookie的教程
2015/04/24 Python
python实现按行切分文本文件的方法
2016/04/18 Python
Python 2.x如何设置命令执行的超时时间实例
2017/10/19 Python
利用Vscode进行Python开发环境配置的步骤
2020/06/22 Python
使用CSS3来实现滚动视差效果的教程
2015/08/24 HTML / CSS
台湾深度自由行旅游平台:Tripbaa趣吧
2017/10/10 全球购物
乌克兰香水和化妆品网站:Notino.ua
2018/03/26 全球购物
Lancome兰蔻官方旗舰店:来自法国的世界知名美妆品牌
2018/06/14 全球购物
BannerBuzz加拿大:在线定制横幅印刷、广告和标志
2020/03/10 全球购物
新闻编辑自荐书范文
2014/02/12 职场文书
学校搬迁方案
2014/06/15 职场文书
行政管理专业求职信
2014/07/06 职场文书
2014年办公室主任工作总结
2014/11/12 职场文书
青岛海底世界导游词
2015/02/11 职场文书
英语辞职信范文
2015/02/28 职场文书