JavaScript encodeURI()

红太狼 2020-05-26 15:52 524阅读 0赞

# JavaScript encodeURI()

此方法可以对URI进行编码，并返回编码后的字符串，通常为网址进行编码。

特别说明：之前通常称网址为URL，当前统一称作为URI。

如果要深刻的理解此方法，需要掌握如下几个知识点：

（1）.方法对URI哪部分进行编码。

（2）.URI哪些字符需要进行编码。

（3）.URI为什么要进行编码。

（4）.编码后的返回值特点。

encodeURI方法与encodeURIComponent方法的功能非常类似。

（1）.[JavaScript encodeURIComponent()](http://www.dandelioncloud.cn/article-9979-1.html)一章节。

（2）.[encodeURI与encodeURIComponent区别](http://www.dandelioncloud.cn/article-9982-1.html)一章节。

**一.方法对URI哪部分进行编码：**

此方法编码着眼于整个URI，如果狭隘一点，也就是着眼于整个URL，而不是它的某一部分。

使用此方法对URI编码后返回的字符串依然是有效的URI，不会因为编码导致失效。

首先看一段代码实例直观感受一下此方法的功能：

```javascript
let URI="http://www.dandelioncloud.cn?webName=蒲公英云";
console.log(encodeURI(URI));
```

上述代码对URI中的传递的值"蒲公英云"进行了编码。

**二.URI哪些字符需要进行编码：**

此方法着眼于整个网址，并保证网址依然有效，所以不会对构成网址的一些关键词进行编码。

标准规定，网址中只有字母和数字（[0-9a-zA-Z]匹配的字符）和一些特殊的字符可以不经过编码直接使用。

下面进行一下总结，此方法不会对如下字符进行编码：

（1）.字母和数字（[0-9a-zA-Z]匹配的字符）

（2）.; , / ? : @ & = + $ - _ . ! ~ * ' ( ) #

除了上述列举的这些字符，所有的字符都会被编码，并返回对应的字符串。

**三.URI为什么要进行编码：**

所谓天生我材必有用，当然设计此方法也不是无的放矢。

正如前面提到，标准规定除去指定的字符，其他字符都必须要编码。

这是因为，不同的操作系统或者不同的浏览器对非上述无需编码的处理会有所不同，也就是说它们可能会有自己的一套规则，同一个网址可能会产生不同的效果，于是通过此方法对其进行编码，生成了一个统一的网址，不会因为操作系统或者浏览器的不同而产生差异，相当于对URI进行了标准化。

**四.编码后的返回值特点：**

此方法会对整个URI进行编码，除了上文列举的无需编码的字符外，其他字符都需要进行编码。通俗的讲，此方法属于Percent-encoding，也就是说编码的返回值是以百分号（%）起始，编码后会输出对应字符的utf-8形式，然后再在前面加上百分号，看如下代码实例：

```javascript
let URI="http://www.dandelioncloud.cn?webName=蚂";
console.log(encodeURI(URI));
```

对"蚂"进行编码，规则是，先对其进行utf-8进行编码，再在utf-8的每个字节码前加上一个百分号。于是，"蚂"先进行utf-8编码，变成了三个字节，分别是0xE8、0x9A和0x82，再在utf-8的每个字节码前加上一个百分号，得到结果就是%E8%9A%82。可以使用decodeURI方法对其进行解码，代码实例如下：

```javascript
let URI="http://www.dandelioncloud.cn?webName=蚂";
let encodeStr=encodeURI(URI);
console.log(decodeURI(encodeStr))
```

发表评论取消回复

表情：

评论列表（有 0 条评论，524人围观）

还没有评论，来说两句吧...

相关阅读

相关 encodeURI()使用说明

**说明：**encodeURI() 函数可把字符串作为 URI 进行编码。URIstring 的副本，其中的某些字符将被十六进制的转义序列进行替换。该方法不会...

小灰灰/ 2024年04月19日 16:06/ 0 赞/ 42 阅读

相关《现代Javascript高级教程》JavaScript中的编码方法：escape、encodeURI和encodeURIComponent的深入理解...

<table> <thead> <tr> <th><a href="https://link.juejin.cn?target=https%3A%2F%2Fw

た入场券/ 2023年10月13日 21:25/ 0 赞/ 10 阅读

相关 encodeURI 和 decodeURI

把URI[字符串][Link 1]采用UTF-8编码格式转化成escape各式的字符串。 encodeURI不编码字符有82个：!，\，$，&，'，(，)，\，+

Dear 丶/ 2023年10月09日 14:07/ 0 赞/ 36 阅读

相关 javaScript中url中文参数(encodeURI函数和encodeURIComponent函数)

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2N6aDUw

你的名字/ 2022年11月29日 03:06/ 0 赞/ 168 阅读

相关 encodeURI出现%20

今天后端问我一个问题，说页面地址参数名后会莫名多出一个%20，这样本来页面地址应该是https://h5.t.qingoo.cn/details?bookId=‘对应的书籍id

妖狐艹你老母/ 2022年11月06日 01:56/ 0 赞/ 176 阅读

相关 JavaScript encodeURI() 函数

JavaScript encodeURI() 函数 [JavaScript 全局对象][JavaScript] 定义和用法 encodeURI() 函数可把字符串

桃扇骨/ 2022年05月31日 12:05/ 0 赞/ 147 阅读

相关 Javascript中的escape,encodeURI和encodeURIComponent的区别

Javascript中提供了3对函数用来对Url编码以得到合法的Url，它们分别是escape / unescape,encodeURI / decodeURI和enc

拼搏现实的明天。/ 2022年05月30日 01:08/ 0 赞/ 221 阅读

相关 encodeURI和encodeURIComponent区别

1、用来编码和解码URI的统一资源标识符，或叫做 URI，是用来标识互联网上的资源（例如，网页或文件）和怎样访问这些资源的传输协议（例如，HTTP 或 FTP）的字符串。除

╰半夏微凉°/ 2022年05月26日 04:40/ 0 赞/ 183 阅读

相关 encodeURI 和 encodeURIComponent

URL编码你可能会懵我们要查询一个年龄为 20，姓名包含 `tom` 的人，那么我们会这样去组织请求 var url = "http//xxx/age=20&

￡神魔★判官ぃ/ 2021年09月18日 07:54/ 1 赞/ 296 阅读

相关 JavaScript encodeURI()

JavaScript encodeURI() 此方法可以对URI进行编码，并返回编码后的字符串，通常为网址进行编码。特别说明：之前通常称网址为URL，当前统一称作为URI。

红太狼/ 2020年05月26日 15:52/ 0 赞/ 525 阅读