js中encodeURI和encodeURIComponent的区别

最新推荐文章于 2025-06-28 01:35:18 发布
最新推荐文章于 2025-06-28 01:35:18 发布
阅读量5.6k 收藏 4
点赞数
CC 4.0 BY-SA版权
分类专栏： javascript 前端 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_20473985/article/details/84984248
本文详细解析了encodeURI和encodeURIComponent两种URL编码方法的区别与应用场景。encodeURI适用于整个URL的编码，而encodeURIComponent则专门用于URL参数的编码，后者编码范围更广。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

encodeURI和encodeURIComponent都是对url的编码。

对URL编码是常见的事，所以这两个方法应该是实际中要特别注意的。

它们都是编码URL，唯一区别就是编码的字符范围了：

encodeURI方法不会对下列字符编码  ASCII字母、数字、~!@#$&*()=:/,;?+'

encodeURIComponent方法不会对下列字符编码 ASCII字母、数字、~!*()'

所以encodeURIComponent比encodeURI编码的范围更大。

当你要编码整个URL，使用这个URL，那么用encodeURI。

当你要编码URL中的参数的时候，那么encodeURIComponent是最好方法。

【JavaScript编程】encodeURI和encodeURIComponent的区别
猿始森林
04-02 715
如果你之前使用了encodeURIComponent对这些部分进行了编码，那么你可以使用decodeURIComponent来将其解码回原始状态。如果你之前使用了encodeURI对一个URL进行了编码，那么你可以使用decodeURI来将其解码回原始状态。
javascript - encodeURI和encodeURIComponent的区别
weixin_33849215的博客
10-10 209
这两个函数功能上面比较接近，但是有一些区别。 encodeURI：不会进行编码的字符有82个 ：!，#，$，&，'，(，)，*，+，,，-，.，/，:，;，=，?，@，_，~，0-9，a-z，A-Z encodeURIComponent:不会进行编码的字符有71个：!， '，(，)，*，-，.，_，~，0-9，a-z，A-Z 从上面的说明中我们可以看出来encodeURICo...
js的encodeURI和encodeURIComponent区别和使用注意事项
最新发布
努力学习
06-28 1244
特性设计目的编码完整 URI编码 URI 中的组成部分（如参数值）保留字符（不编码）;, /?- _ .!~ * ' ( )典型使用场景对整个 URL 编码对 URL 中的参数值单独编码场景应使用的函数完整 URLURL 参数值、路径片段选择正确的编码函数可避免 URL 解析错误和安全问题（如特殊字符注入）。
JS中encodeURI()和encodeURIComponent()的区别
qq_37253128的博客
10-19 249
首先 URI的意思是：Uniform ResourceIdentifiers,通用资源标识符。 Global对象的encodeURI()和encodeURIComponent()方法可以对URI进行编码，以便发送给浏览器。有效的URI中不能包含某些字符，例如空格。而这URI编码方法就可以对URI进行编码，它们用特殊的UTF-8编码替换所有无效的字 符，从而让浏览器能够接受和理解。 encode...
js基础篇——encodeURI 和encodeURIComponent
ajb11683的博客
12-03 225
　　转自zccst的又一次掉进encodeURIComponent的坑里了 　　问题： 　　ajax.get ( url+'?k1'=v1+'&k2'=v2+'&k3'=v3, ... ); 　　由于URL只进行了encodeURI编码，所以想提交的参数有searchWord = a+b时，变成了a b。 　　解决办法： 　　ajax.post...
【Javascript】encodeURI、encodeURIComponent、decodeURI、decodeURIComponent
zhenshu_guo的博客
04-21 1万+
encodeURI、encodeURIComponent、decodeURI、decodeURIComponent
JavaScript encodeURI 和encodeURIComponent
10-23
encodeURI和encodeURIComponet函数都是javascript中用来对URI进行编码，将相关参数转换成UTF-8编码格式的数据。URI在进行定位跳转时，参数里面的中文、日文等非ASCII编码都会进行编码转换
javascript encodeURI和encodeURIComponent的比较
10-29
在进行SaaS前端开发的时候，大家经常会用到两个JavaScriptNative函数：encodeURI 和 encodeURIComponent。这篇文章详细解释这两个函数的用途并比较它们的不同之处
谈谈encodeURI和encodeURIComponent以及escape的区别与应用
09-03
在JavaScript中，`encodeURI()`、`encodeURIComponent()`和`escape()`是三个用于字符串编码的函数，它们的主要目的是确保特殊字符在传输过程中不会引起错误。理解它们之间的差异对于编写正确处理URL和数据的...
escape、encodeURI 和 encodeURIComponent 的区别
09-06
在JavaScript中，`escape()`, `encodeURI()`, 和 `encodeURIComponent()` 是三个常见的字符串编码函数，它们用于处理和转换字符串中的特殊字符。虽然它们都与字符串编码有关，但各自的作用和适用场景有所不同。 ...
encodeURI与encodeURIComponent的区别
yzzsjyu的专栏
11-25 3063
encodeURI(String)主要用于整个URI(例如，http://www.jxbh.cn/illegal value.htm)，而encodeURIComponent(String)主要用于对URI中的某一段(例如前面URI中的value．htm)进行编码。它们的主要区别在于，encodeURI()不会对本身属于URI的特殊字符进行编码，例如冒号、正斜杠、问号和井字号；而encodeURI
javascript之encodeURI和encodeURIComponent的区别
沙门空海
11-30 454
ztree菜单树在谷歌浏览器中可以展开，在IE浏览器中却不行。排查后发现点击菜单树的时候需要发送ajax请求，报400错误，原因是url传参中有中文乱码。需要使用encodeURI(url)，对中文编码。 以下关于encodeURI()和encodeURIComponent()的区别参考文章https://blog.youkuaiyun.com/qq_34629352/article/details/789...
JS中encodeURI和encodeURIComponent两种编码方式的区别
Wan_x_h的博客
09-19 345
一、JavaScript encodeURI() 函数 encodeURI 定义和用法 encodeURI() 函数可把字符串作为 URI 进行编码。 说明 该方法会保留原有的URI特征，不会对以下字符进行编码： (保留字符) [; , / ? : @ & = + $ ] (非转义的字符 )[- _ . ! ~ * ’ ( )] 数字符号 # 字母 数字 实例： <script ...
javascript字符串编码encodeURI()和encodeURIComponent()的区别
元灵-玄清的博客
04-21 305
在javascript中对字符串进行编码有3种方式：encodeURI()、encodeURIComponent()和escape()。 encodeURI() 函数是不会进行转义的：;/?:@&=+$,#
encodeURI和encodeURIComponent的区别
热门推荐
u010999809的博客
11-15 1万+
var test1="http://www.w3school.com.cn/My first/?uname=aa&amp;&amp;pwd=123456"; console.log(encodeURI(test1)); console.log(encodeURIComponent(test1)); var test2="http://www.w3school.com.cn/My first/...
深入探秘 encodeURIComponent 与 encodeURI：JS 中的 URL 编码利器
Jiaberrr的博客
12-12 2242
encodeURIComponent 是 JavaScript 自带的函数，可把字符串作为 URI 组件进行编码，会转码除了语义字符之外的所有字符。语义字符包括：a-z，A-Z，0-9，连词号（-），下划线（_），点（.），感叹号（!），波浪线（~），星号（*），单引号（'），圆括号（()）。其他字符，如分号（;），逗号（,），斜杠（/），问号（?），冒号（:），at（@），&，等号（=），加号（+），美元符号（$），井号（#）等元字符都会被转码。
encodeURI() 和 encodeURIComponent()
weixin_44797985的博客
04-16 1825
今天在看《JavaScript高级程序设计》这本书的时候，刚好看到关于URI编码方法，联想起之前所看的http的知识，于是对比一下encodeURI和encodeURIComponent这两个方法 首先这两个方法都是用于URI的编码，知其然知其所以然，为什么需要用到URI的编码呢？ 简单的说就是URI编码后方便浏览器识别，有效的URI中不能包含某些字符，例如空格。用特殊的UTF-8编码替换所有无效的字符，从而让浏览器能够接受和理解。 一、encodeURI() encodeURI()主要是用于整.
encodeURI和encodeURICompoent的区别
weixin_43720534的博客
04-30 1362
特性encodeURI设计目的编码完整URL编码URL组成部分保留字符保留URL结构相关字符仅保留非常有限的字符集编码范围较宽松非常严格典型应用跳转链接、完整URL处理URL参数、查询字符串、表单数据解码函数decodeURI。
JS中encodeURIComponent和encodeURI函数的区别
程序人生
08-22 303
encodeURIComponent函数用于对完整的URL组件进行编码，包括查询参数、路径片段等。encodeURI函数用于对整个URL进行编码，但不包括查询参数部分。
深入理解JS中的三种编码方法escape、encodeURI和encodeURIComponent
JavaScript中提供了多种内置方法来帮助开发者处理URL编码问题，其中最常见的三种方法是：`escape`, `encodeURI` 和 `encodeURIComponent`。这些方法各有用途，且在实际开发中扮演着至关重要的角色。 首先，`escape`...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值