URI 和 URL 的关系

一、URI（统一资源标识符）

URI 是用来标识互联网上的资源（例如，网页或文件）和怎样访问这些资源的传输协议（例如，HTTP 或 FTP）的字符串。

js编码解码URI的方法有4个：encodeURI、encodeURIComponent、decodeURI、decodeURIComponent。

1、一个URI的组成

一个 URI 是由组件分隔符分割的组件序列组成。其一般形式是：
Scheme : First / Second ; Third ? Fourth

其中斜体的名字代表组件；“:”, “/”, “;”，“?”是当作分隔符的保留字符。

2、4个方法有何不同？

encodeURI 和 decodeURI 函数操作的是完整的 URI；这俩函数假定 URI 中的任何保留字符都有特殊意义，所有不会编码它们。

encodeURIComponent 和 decodeURIComponent 函数操作的是组成 URI 的个别组件；这俩函数假定任何保留字符都代表普通文本，所以必须编码它们，所以它们（保留字符）出现在一个完整 URI 的组件里面时不会被解释成保留字符了。

以上说明摘自ECMAScript标准，为了容易读懂做了点编辑加工。

3、图解四个函数的不同

当 URI 里包含一个没在上面列出的字符或有时不想让给定的保留字符有特殊意义，那么必须编码这个字符。字符被转换成 UTF-8 编码，首先从 UT​​F-16 转换成相应的代码点值的替代。然后返回的字节序列转换为一个字符串，每个字节用一个“%xx”形式的转移序列表示。（具体转换规则可以参考抽象操作Encode和Decode的说明）

用 encodeURIComponent 编码过的内容，如果是添加到导航链接上，在导航栏上显示的时候会显示解码后的内容。

二、URL（统一资源定位符）

URL 是通过路径把某一资源标识出来。

URL 是 URI 的子集。

参考文章

• 一张图看懂encodeURI、encodeURIComponent、decodeURI、decodeURIComponent的区别