js 中编码（encode）和解码（decode）的三种方法

已于 2023-01-29 09:47:27 修改
阅读量4.8w 收藏 20
点赞数 4
分类专栏： Development Front-End 文章标签： jsp 前端 乱码 编码 utf-8
于 2014-09-09 14:34:42 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xingkong22star/article/details/39155739
版权

js对文字进行编码涉及3个函数：escape,encodeURI,encodeURIComponent，相应3个解码函数：unescape,decodeURI,decodeURIComponent

下面简单介绍一下它们的区别

1 escape()函数

定义和用法
escape() 函数可对字符串进行编码，这样就可以在所有的计算机上读取该字符串。

语法
escape(string)

参数  描述 
string  必需。要被转义或编码的字符串。 

返回值
已编码的 string 的副本。其中某些字符被替换成了十六进制的转义序列。

说明
该方法不会对 ASCII 字母和数字进行编码，也不会对下面这些 ASCII 标点符号进行编码： - _ . ! ~ * ' ( ) 。其他所有的字符都会被转义序列替换。


2 encodeURI()函数
定义和用法
encodeURI() 函数可把字符串作为 URI 进行编码。

语法
encodeURI(URIstring)

参数  描述 
URIstring  必需。一个字符串，含有 URI 或其他要编码的文本。 

返回值
URIstring 的副本，其中的某些字符将被十六进制的转义序列进行替换。

说明
该方法不会对 ASCII 字母和数字进行编码，也不会对这些 ASCII 标点符号进行编码： - _ . ! ~ * ' ( ) 。

该方法的目的是对 URI 进行完整的编码，因此对以下在 URI 中具有特殊含义的 ASCII 标点符号，encodeURI() 函数是不会进行转义的：;/?:@&=+$,#


3 encodeURIComponent() 函数

定义和用法
encodeURIComponent() 函数可把字符串作为 URI 组件进行编码。

语法
encodeURIComponent(URIstring)

参数  描述 
URIstring  必需。一个字符串，含有 URI 组件或其他要编码的文本。 

返回值
URIstring 的副本，其中的某些字符将被十六进制的转义序列进行替换。

说明
该方法不会对 ASCII 字母和数字进行编码，也不会对这些 ASCII 标点符号进行编码： - _ . ! ~ * ' ( ) 。

其他字符（比如 ：;/?:@&=+$,# 这些用于分隔 URI 组件的标点符号），都是由一个或多个十六进制的转义序列替换的。

提示和注释
提示：请注意 encodeURIComponent() 函数 与 encodeURI() 函数的区别之处，前者假定它的参数是 URI 的一部分（比如协议、主机名、路径或查询字符串）。因此 encodeURIComponent() 函数将转义用于分隔 URI 各个部分的标点符号。

4 总结：

 通过对三个函数的分析，我们可以知道：escape()除了 ASCII 字母、数字和特定的符号外，对传进来的字符串全部进行转义编码，因此如果想对URL编码，最好不要使用此方法。而encodeURI() 用于编码整个URI,因为URI中的合法字符都不会被编码转换。encodeURIComponent方法在编码单个URIComponent（指请求参数）应当是最常用的，它可以讲参数中的中文、特殊字符进行转义，而不会影响整个URL。

1、   传递参数时需要使用encodeURIComponent，这样组合的url才不会被#等特殊字符截断。                           
例如：<script language="javascript">document.write('<a href="http://passport.baidu.com/?logout&aid=7&u='+encodeURIComponent("http://cang.baidu.com/bruce42")+'">退出</a&gt;');</script>

2、   进行url跳转时可以整体使用encodeURI

例如：Location.href=encodeURI("http://cang.baidu.com/do/s?word=百度&ct=21");


3、   js使用数据时可以使用escape

例如：搜藏中history纪录。


4、   escape对0-255以外的unicode值进行编码时输出%u****格式，其它情况下escape，encodeURI，encodeURIComponent编码结果相同。
最多使用的应为encodeURIComponent，它是将中文、韩文等特殊字符转换成utf-8格式的url编码，所以如果给后台传递参数需要使用encodeURIComponent时需要后台解码对utf-8支持（form中的编码方式和当前页面编码方式相同）

escape不编码字符有69个：*，+，-，.，/，@，_，0-9，a-z，A-Z

encodeURI不编码字符有82个：!，#，$，&，'，(，)，*，+，,，-，.，/，:，;，=，?，@，_，~，0-9，a-z，A-Z

encodeURIComponent不编码字符有71个：!， '，(，)，*，-，.，_，~，0-9，a-z，A-Z

示例（摘自W3School）：

1 escape()

<script type="text/javascript">

document.write(escape("Visit W3School!") + "<br />")
document.write(escape("?!=()#%&"))

</script>

输出结果：

Visit%20W3School%21
%3F%21%3D%28%29%23%25%26



2 encodeURI()

<html>
<body>

<script type="text/javascript">

document.write(encodeURI("http://www.w3school.com.cn")+ "<br />")
document.write(encodeURI("http://www.w3school.com.cn/My first/")+ "<br />")
document.write(encodeURI(",/?:@&=+$#"))

</script>

</body>
</html>

输出结果：

http://www.w3school.com.cn
http://www.w3school.com.cn/My%20first/
,/?:@&=+$#

对整个URL进行编码，而URL的特定标识符不会被转码。

3  encodeURIComponent()

例1：

<script type="text/javascript">

document.write(encodeURIComponent("http://www.w3school.com.cn"))
document.write("<br />")
document.write(encodeURIComponent("http://www.w3school.com.cn/p 1/"))
document.write("<br />")
document.write(encodeURIComponent(",/?:@&=+$#"))

</script>

输出结果：

http%3A%2F%2Fwww.w3school.com.cn
http%3A%2F%2Fwww.w3school.com.cn%2Fp%201%2F
%2C%2F%3F%3A%40%26%3D%2B%24%23

对URL中的参数进行编码，因为参数也是一个URL，如果不编码会影响整个URL的跳转。

产品经理Luke
互联网产品负责人/Leader
-----------------------------------------------------

XingKong22star
关注
  • 4
    点赞
  • 踩
  • 20
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
js中encode、decode的应用说明
01-19
encodeURIComponent 将文本字符串编码为一个统一资源标识符 (URI) 的一个有效组件。 encodeURIComponent(encodedURIString) 必选的encodedURIString参数代表一个已编码的 URI 组件。 说明 encodeURIComponent方法返回一个已编码的 URI。如果您将编码结果传递给decodeURIComponent，那么将返回初始的字符串。因为encodeURIComponent方法对所有的字符编码，请注意，如果该字符串代表一个路径，例如/folder1/folder2/default.html，其中的斜杠也将被编码。这样一
Javascript下的urlencode编码解码方法附decodeURIComponent
12-12
关于在ASP（Server.UrlEncode）、PHP（urlencode()）函数编码结果，或是经过asp、php等动态语言直接写入COOKIES的中文字符，用JS读取的时候，都会碰到一个编码的问题，那就是最终字符串被urlencode编码了，而又时有需要从JS在客户端去读取这些数据。而本文，就大概说说如何在js中通过系统自带的函数去解决这个问题。 而相信碰到过此问题的朋友应该都有所了解，目前网络上流行一些js下的自定义函数去解决这个问题，如说vbscript（URLDecode()）、javascript（UrlDecode()）等。而这两个函数，都无法很好的与asp（Server.Ur
js 中的 encode decode 转化
小小猪的专栏
01-06 554
js :var decode=decodeURIComponent(encoded.replace(//+/g,  " "));var encode=encodeURIComponent(decode);
encodeURIComponent和decodeURIComponent的用法
最新发布
shiyina的博客
02-29 153
函数主要用于将字符串作为URI组件进行编码。这两个函数在处理URI时非常有用，可以帮助我们避免由于URI中包含无效字符而导致的问题，同时也能保证URI的正确性和可读性。这些用于分隔URI组件的标点符号），都会被一个或多个十六进制的转义序列替换。例如，如果我们对字符串。是JavaScript中的两个全局函数，主要用于对URI（统一资源标识符）进行编码和解码。函数编码的字符串还原为原始字符串。函数编码的URI进行解码。然而，其他字符（比如。函数进行编码，结果会是。
使用javascript处理HTML的Encode(转码)和解码(Decode)的常用方式
qq_36709949的博客
11-08 887
一、用浏览器内部转换器实现转换与用正则表达式进行转换处理 1.将两种方式封装HtmlUtil工具类，方便在开发中使用，完整代码如下： var HtmlUtil = { /*1.用浏览器内部转换器实现html转码*/ htmlEncode:function (html){ //1.首先动态创建一个容器标签元素，如DIV var temp = docum...
javascript 中的 URL 解码
迹忆客
06-06 4398
这篇文章简单介绍了 JavaScript，并讲授了 URL 编码和解码是什么。和，并给出了一些例子。两种方法都以两种方式工作，根据需要使用合适的方法。unescape()方法最近已被弃用，取而代之的是，我们可以使用其他两种方法作为解决方案。
javascript处理HTML的Encode(转码)和Decode(解码)总结
黄昏的大树
06-07 2525
javascript处理HTML的Encode(转码)和Decode(解码)总结
url转码和解码
Hello World!
07-07 9743
转自： js中escape,encodeURI,encodeURIComponent三个函数的区别
js 中编码（encode）和解码（decode）方法
beautifulsarah的博客
02-09 1万+
 encodeURIComponent 方法 将文本字符串编码为一个统一资源标识符 (URI) 的一个有效组件。 encodeURIComponent(encodedURIString) 必选的encodedURIString参数代表一个已编码的 URI 组件。 说明 encodeURIComponent方法返回一个已编码的 URI。如果您将编码结
encodeURI和decodeURI转码和解码
weixin_59127121的博客
09-13 3235
decodeURI() 函数可对 encodeURI() 函数编码过的 URI 进行解码。使用函数可以对 URI 进行编码。
浅谈php和js中json的编码和解码
01-20
php中 1）编码 $jsonStr = json_encode($array) 2）解码 $arr = json_decode($jsonStr) <?php echo json_encode(“中文”, JSON_UNESCAPED_UNICODE);   添加参数：JSON_UNESCAPED_UNICODE即可。 测试环境： PHP Version 5.5.36 js中 1. 编码 var str = obj.toJSONString();//需要JSON解析器或工具类 2. 解码 三种： var jsonStr = ”[{“id”:”1″,”name”:”computer”}]”;
php中json_decode()和json_encode()的使用方法
12-19
1.json_decode() json_decode (PHP 5 >= 5.2.0, PECL json >= 1.2.0) json_decode — 对 JSON 格式的字符串进行编码 说明 mixed json_decode ( string $json [, bool $assoc ] ) 接受一个 JSON 格式的字符串并且把它转换为 PHP 变量 参数 json 待解码的 json string 格式的字符串。 assoc 当该参数为 TRUE 时，将返回 array 而非 object 。 返回值 Returns an object or if th
encode_decode:密码编码解码加密
07-10
编码_解码 密码编码解码加密
php中json_encode中文编码问题分析
12-18
我的解决方法：先将类中的中文字段进行url编码（urlencode），然后再对对象进行json编码（jsonencode），最后url解码（urldecode）json，即最终的json，里面的中文依旧是那个中文！ 测试代码如下： 复制代码 代码...
Connection reset by peer: socket write error错误分析及解决
热门推荐
Developer of XingKong22star
09-11 3万+
Connection reset by peer: socket write error 这个跟数据库没有关系，当客户端发出请求（request）后，如果还没有完全获得服务端的响应（response），客户端与服务器段的连接断开（例如断网、按了“停止”按钮、或者客户端浏览器关闭等），服务器端就会抛出此Exception。 Causes and solutions This exce
Invalid message received with signature 18245
Developer of XingKong22star
05-27 2万+
报错信息如下： 五月 27, 2015 7:02:07 上午 org.apache.coyote.ajp.AjpMessage processHeader 严重: Invalid message received with signature 18245 总结： tomcat在server.xml里配置的有问题，即使域名配置了，也必须要有 这个localhost配置
ERROR in native method: JDWP No transports initialized, jvmtiError=AGENT_ERROR_TRANSPORT_INIT(197)
Developer of XingKong22star
08-21 1万+
ERROR in native method: JDWP No transports initialized, jvmtiError=AGENT_ERROR_TRANSPORT_INIT(197)
js使用Buffer对象进行base64的编码和解码
07-25
在JavaScript中，可以使用Buffer对象进行base64的编码和解码。引用\[1\]中提到了node中自带的base64编码与解码的方法，其中包括普通字符串、十六进制和图片的编码与解码方式。对于普通字符串的编码，可以使用`new Buffer(String).toString('base64')`方法，而解码则是使用`new Buffer(base64Str, 'base64').toString()`方法。对于图片的编码和解码，可以使用`fs`模块读取图片文件并将其转换为base64字符串，然后使用`new Buffer(base64str, 'base64')`方法进行解码并将其写入文件。引用\[2\]中给出了一个示例代码。另外，如果你不使用node环境，可以使用第三方插件来实现base64的编码和解码。引用\[3\]中提到了两个开源插件，分别是jquery的base64.js和开源的base64.js，它们都提供了简单易用的编码和解码方法。例如，使用jquery的base64.js可以通过`Base64.encode('china is so nb')`进行编码，通过`Base64.decode("Y2hpbmEgaXMgc28gbmI=")`进行解码。 #### 引用[.reference_title] - *1* *2* *3* [用js实现基于Base64的数据或者图片的编码与解码](https://blog.csdn.net/qq_26780317/article/details/119930594)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值