脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → escape编码与unescape解码汉字出现乱码

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

 更新时间：2014年07月02日 10:32:42   投稿：shichen2014  
这篇文章主要介绍了escape编码与unescape解码汉字出现乱码的解决方法,需要的朋友可以参考下

今天的项目中遇到需要用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删除对象属性的几种方法总结

    javaScript删除对象属性的几种方法总结

    这篇文章主要给大家介绍了关于javaScript删除对象属性的几种方法的相关资料,它们在不同场景下有不同的应用,需要根据实际情况选择最合适的删除方法,文中通过实例代码介绍的非常详细,下面需要的朋友可以参考下
    2023-06-06
  • HTML+CSS+JS实现的简单应用小案例分享

    HTML+CSS+JS实现的简单应用小案例分享

    这篇文章主要为大家分享四个用HTML+CSS+JS实现的简单应用小案例，有：猜数字、表白墙、切换日夜间模式和待办事项，需要的可以参考一下
    2022-02-02
  • webpack-mvc 传统多页面组件化开发详解

    webpack-mvc 传统多页面组件化开发详解

    这篇文章主要介绍了webpack-mvc 传统多页面组件化开发详解，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2019-05-05
  • ES6新特性五：Set与Map的数据结构实例分析

    ES6新特性五：Set与Map的数据结构实例分析

    这篇文章主要介绍了ES6新特性五之Set与Map的数据结构,结合实例形式分析了ES6中Set与Map的功能、定义、属性、结构与相关使用技巧,需要的朋友可以参考下
    2017-04-04
  • js实现浏览本地文件并显示扩展名的方法

    js实现浏览本地文件并显示扩展名的方法

    这篇文章主要介绍了js实现浏览本地文件并显示扩展名的方法,涉及javascript文件上传及字符串操作的相关技巧,非常简单实用,需要的朋友可以参考下
    2015-08-08
  • js排序与重组的实例讲解

    js排序与重组的实例讲解

    下面小编就为大家带来一篇js排序与重组的实例讲解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-08-08
  • 使用javascript实现雪花飘落的效果

    使用javascript实现雪花飘落的效果

    本文主要介绍了使用javascript实现雪花飘落的特效，虽然网上有很多，不过都是比较陈旧了，兼容性不是太好，于是动手写一个，把思路和实现代码都分享给大家。
    2015-01-01
  • JavaScript复制文案到剪贴板小技巧

    JavaScript复制文案到剪贴板小技巧

    这篇文章主要为大家介绍了JavaScript复制文案到剪贴板实现小技巧,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-07-07
  • JavaScript 作用域scope简单汇总

    JavaScript 作用域scope简单汇总

    这篇文章主要介绍了JavaScript 作用域scope简单汇总,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-10-10
  • JS继承定义与使用方法简单示例

    JS继承定义与使用方法简单示例

    这篇文章主要介绍了JS继承定义与使用方法,结合完整实例形式分析了JavaScript继承的基本定义、用法及操作注意事项,需要的朋友可以参考下
    2020-02-02

最新评论