encodeURI()和encodeURIComponent() 区别

Posted 2020-12-10 ssaylo

1. 什么是 URI？

   Uniform ResourceIdentifiers,通用资源标识符

2. encodeURI() 和 encodeURIComponent 的作用

   Global 对象的 encodeURi() 和 encodeURIComponent()方法可以对 URI 进行编码，以便于发送给浏览器。有效的 URI 不能包含某些字符，例如空格、问号等等等等。然后使用这两个方法就可以对 URI 进行编码，它们用特殊的 UTF-8 编码替换所有无效的字符，让浏览器接受和理解。不然的话，前端有些 url 带查询条件的功能就实现不了。

3. 区别

   1. encodeURI()主要用于整个URI(例如，http://www.jxbh.cn/illegal value.htm)，而encode-URIComponent()主要用于对URI中的某一段(例如前面URI中的illegal value．htm)进行编码。

   2. ，encodeURI()不会对本身属于URI的特殊字符进行编码，例如冒号、正斜杠、问号和井字号；而encodeURIComponent()则会对它发现的任何非标准字符进行编码。

      var uri="http://www.jxbh.cn/illegal value.htm#start";
      //”http: //www.jxbh.cn/illegal%20value .htm#s tart”
      alert(encodeURI (uri)):
      //”http% 3A%2F%2Fwww.jxbh.cn%2 Fillegal%2 0value. htm%23 start”
      alert( encodeURIComponent (uri));
      

      使用encodeURI()编码后的结果是除了空格之外的其他字符都原封不动，只有空格被替换成了%20。而encodeURIComponent()方法则会使用对应的编码替换所有非字母数字字符。这也正是可以对整个URI使用encodeURI()，而只能对附加在现有URI后面的字符串使用encodeURIComponent()的原因所在。

4. 总结

   一般来说,我们使用encodeURIComponent()方法的时候要比使用encodeURI()更多,因为在实践中更常见的是对查询字符串参数而不是对基础URL进行编码.

   经我的观测，很多网站的cookie在进行编码的时候，是encodeURIComponent格式的，所以应该使用decodeURIComponent()进行解码（所以在通常情况下，用 encodeURIComponent()）