encodeURI VS encodeURIComponent

最新推荐文章于 2024-12-12 11:49:03 发布
最新推荐文章于 2024-12-12 11:49:03 发布
阅读量368 收藏
点赞数
分类专栏： 前端知识加深 文章标签： javascript 前端 java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liuhao9999/article/details/125997456
版权
本文探讨了JavaScript中`encodeURI`和`encodeURIComponent`的区别。`encodeURI`适用于编码整个URL，而`encodeURIComponent`常用于编码URI组件如查询字符串。两者在编码特殊字符上有所不同，`encodeURIComponent`编码更多字符。了解这些差异对于正确处理URL编码至关重要。

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

URL 只能由标准 ASCII 字符组成，因此必须对其他特殊字符进行编码。它们将被代表其 UTF-8 编码的一系列不同字符替换。
encodeURI并encodeURIComponent用于此目的。

差异

  1. encodeURI用于编码完整的 URL。 
    encodeURI ( 'https://domain.com/path to a document.pdf' ) ;

// 'https://domain.com/path%20to%20a%20document.pdf'

    而 encodeURIComponent用于编码 URI 组件，例如查询字符串。 
    ` http://dom
了解本专栏 订阅专栏 解锁全文
【JavaScript编程】encodeURI和encodeURIComponent的区别
猿始森林
04-02 686
如果你之前使用了encodeURIComponent对这些部分进行了编码，那么你可以使用decodeURIComponent来将其解码回原始状态。如果你之前使用了encodeURI对一个URL进行了编码，那么你可以使用decodeURI来将其解码回原始状态。
encodeURI() 和 encodeURIComponent()
weixin_44797985的博客
04-16 1798
今天在看《JavaScript高级程序设计》这本书的时候，刚好看到关于URI编码方法，联想起之前所看的http的知识，于是对比一下encodeURI和encodeURIComponent这两个方法 首先这两个方法都是用于URI的编码，知其然知其所以然，为什么需要用到URI的编码呢？ 简单的说就是URI编码后方便浏览器识别，有效的URI中不能包含某些字符，例如空格。用特殊的UTF-8编码替换所有无效的字符，从而让浏览器能够接受和理解。 一、encodeURI() encodeURI()主要是用于整.
javascript encodeURI和encodeURIComponent的比较
chinachuner的专栏
09-26 144
背景 encodeURI 和 encodeURIComponent都是ECMA-262标准中定义的函数,所有兼容这个标准的语言（如JavaScript, ActionScript）都会实现这两个函数。它们都是用来对URI （RFC-2396）字符串进行编码的全局函数，但是它们的处理方式和使用场景有所不同。为了解释它们的不同，我们首先需要理解RFC-2396中对于URI中的字符分类 保留字符（r...
【Javascript】encodeURI、encodeURIComponent、decodeURI、decodeURIComponent
zhenshu_guo的博客
04-21 1万+
encodeURI、encodeURIComponent、decodeURI、decodeURIComponent
Js中escape(),encodeURI()和encodeURIComponent()比较
White_Lee的专栏
04-27 2366
escape(), encodeURI()和encodeURIComponent()是在Javascript中用于编码字符串的三个常用的方法，而他们之间的异同却困扰了很多的Javascript初学者，在这里对这三个方法详细地分析与比较一下。escape() 方法MSDN JScript Reference中如是说：The escape method returns a string v
JavaScript encodeURI 和encodeURIComponent
10-23
encodeURI和encodeURIComponet函数都是javascript中用来对URI进行编码，将相关参数转换成UTF-8编码格式的数据。URI在进行定位跳转时，参数里面的中文、日文等非ASCII编码都会进行编码转换
谈谈encodeURI和encodeURIComponent以及escape的区别与应用
09-03
在JavaScript中，`encodeURI()`、`encodeURIComponent()`和`escape()`是三个用于字符串编码的函数，它们的主要目的是确保特殊字符在传输过程中不会引起错误。理解它们之间的差异对于编写正确处理URL和数据的...
escape、encodeURI 和 encodeURIComponent 的区别
09-06
在JavaScript中，`escape()`, `encodeURI()`, 和 `encodeURIComponent()` 是三个常见的字符串编码函数，它们用于处理和转换字符串中的特殊字符。虽然它们都与字符串编码有关，但各自的作用和适用场景有所不同。 ...
简单明了区分escape、encodeURI和encodeURIComponent
12-03
本文主要关注三个与URL编码相关的函数：`escape`、`encodeURI`和`encodeURIComponent`。这些函数各有其特定的用途，理解它们的区别至关重要。 首先，我们来看`escape`函数。`escape`并不专门用于URL编码，它实际上...
encodeURI和encodeURIComponent的比较
BlueSky
12-31 633
在进行SaaS前端开发的时候，大家经常会用到两个JavaScriptNative函数：encodeURI 和 encodeURIComponent。这篇文章详细解释这两个函数的用途并比较它们的不同之处背景encodeURI 和 encodeURIComponent都是ECMA-262标准中定义的函数,所有兼容这个标准的语言（如JavaScript, ActionScript）都会实现这两个
encodeURI 和encodeURIComponent的区别
imcholl的博客
02-17 1313
1. encodeURI()函数 encodeURI() 函数通过将特定字符的每个实例替换为一个、两个、三或四转义序列来对统一资源标识符 (URI) 进行编码。 简述：对整个URL进行编码 示例： console.log(encodeURI("http://username:password@www.example.com:80/path/to/file.php?foo=316&bar=this+has+spaces#anchor")) // output: ”http://username
encodeuricomponent VS encodeuri
weixin_33966095的博客
08-20 139
之所以对url进行编码是因为有些字符有特殊的含义。当URI被作为参数进行传输或排版或受到文字处理程序的处理时，重要的空格可能会消失并且可能引入无关紧要的空格。在查询字符串中，＆符号（＆）用作键值对之间的分隔符。 如果将＆符号放入其中一个值中，它看起来就像值的结尾和下一个键的开头之间的分隔符。 因此对于像这样的特殊字符，我们使用百分比编码，...
encodeURI()、encodeURIComponent()区别及使用场景
qq_42931285的博客
11-26 5954
encodeURI()、encodeURIComponent()区别及使用场景
encodeURI、encodeURIComponent的区别
weixin_43300156的博客
08-22 1363
这两个函数功能上面比较接近，但是有一些区别。 encodeURI：不会进行编码的字符有82个 ：!，#，$，&，’，(，)，*，+，,，-，.，/，:，;，=，?，@，_，~，0-9，a-z，A-Z encodeURIComponent:不会进行编码的字符有71个：!， '，(，)，*，-，.，_，~，0-9，a-z，A-Z 1、 encodeURI() 输出： http://www....
encodeURI和encodeURIComponent的区别
热门推荐
u010999809的博客
11-15 1万+
var test1="http://www.w3school.com.cn/My first/?uname=aa&&pwd=123456"; console.log(encodeURI(test1)); console.log(encodeURIComponent(test1)); var test2="http://www.w3school.com.cn/My first/...
encodeURI、encodeURIComponent、decodeURI 和 decodeURIComponent
boringmembership的博客
07-22 1397
是 JavaScript 中用于对 URI（Uniform Resource Identifier，统一资源标识符）进行编码和解码的函数。：用于对 URI 组件（如查询字符串的键值对）进行编码。使用场景：当需要对已编码的 URL 中的某个部分（如查询参数）进行解码时，可以使用。使用场景：当需要对 URL 中的某个部分（如查询参数）进行编码时，可以使用。通常用于对 URL 中的某个部分（如查询参数）进行编码。使用场景：当需要对已编码的整个 URL 进行解码时，可以使用。等）之外的所有字符进行编码。
深入探秘 encodeURIComponent 与 encodeURI：JS 中的 URL 编码利器
最新发布
Jiaberrr的博客
12-12 1962
encodeURIComponent 是 JavaScript 自带的函数，可把字符串作为 URI 组件进行编码，会转码除了语义字符之外的所有字符。语义字符包括：a-z，A-Z，0-9，连词号（-），下划线（_），点（.），感叹号（!），波浪线（~），星号（*），单引号（'），圆括号（()）。其他字符，如分号（;），逗号（,），斜杠（/），问号（?），冒号（:），at（@），&，等号（=），加号（+），美元符号（$），井号（#）等元字符都会被转码。
encodeURI与encodeURIComponent方法的区别
猪猪也要飞
01-05 9912
如果你使用的get方法提交表单肯定要考虑到输入项目的编码解码问题。解决这个问题大家一般都使用encodeURI或者encodeURIComponent方法，在这里做一下总结：首先看看各个方法不同浏览器的支持程度函数描述FFNIEdecodeURI()解码某个编码的 URI。145.5decodeURIComponent()
encodeURI,encodeURIComponent有什么区别?
cxz
08-10 3081
不同点 它们都是编码URL，唯一区别就是编码的字符范围，其中 encodeURI方法不会对下列字符编码 ： ASCII字母 数字 ~!@#$&()=:/,;?+'* encodeURIComponent方法不会对下列字符编码 ASCII字母 数字 ~!*()’ 所以encodeURIComponent 比 encodeURI编码的范围更大。 encodeURI 是用来处理整个 URI 的，它应该接受 URI 的 protocol, host, port 等部分，只对 path 和 que
JavaScript全局对象Global：encodeURI与encodeURIComponent
当涉及到URI（统一资源标识符）的处理时，`encodeURI()`和`encodeURIComponent()`是两个非常关键的方法。`encodeURI()`用于对整个URI进行编码，它不会对某些特殊字符如冒号(:)、斜线(/)、问号(?)和井号(#)进行编码，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

紫微前端

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值