URI编码与解码

encodeURI 与 encodeURIComponent 都可以将字符串编码为有效的URI（统一资源标识符）。

encodeURIComponent()函数与 encodeURI函数不同，它仅适用于URI字符串的一部分（称为URI组件）。“http”和“www.abobe.com”是常见的URI组件示例。URI组件是指出现在某些特殊字符之间的任何文本，这些特殊字符称为 组件分隔符（: / ; 和 ?）。

此函数与 encodeURI() 的另一个重要区别是：由于此函数假定它处理的是 URI 组件，因此它会将特殊分割符（; / ? : @ & , #）视为应进行编码的常规文本。

decodeURI() 函数

将已编码的 URI 解码为字符串。返回一个字符串，以前由 encodeURI 函数编码的所有字符都还原为它们的未编码表示形式。

decodeURIComponent() 函数

将已编码的 URI 组件解码为字符串。返回一个字符串，其中以前由 encodeURIComponent 函数转义的所有字符都还原为它们的未编码表示形式。

此函数与 decodeURI() 的另一个重要区别是：由于此函数假定它处理的是 URI 组件，因此它会将表示特殊分隔符字符 (; / ? : @ & = + $ , #) 的转义序列视为应进行解码的常规文本。

注：

encodeURI：用于对网址编码(不包含参数)

encodeURI不编码字符有82个：!，#，$，&，'，(，)，*，+，,，-，.，/，:，;，=，?，@，_，~，0-9，a-z，A-Z

encodeURI就是为这个而设计的。encodeURI不对URI中的特殊字符进行编码，如冒号(:)、斜杠(/)。下面看个示例：

   
   
encodeURI("http://www.cnblogs.com/a file with spaces.html")  
// outputs http://www.cnblogs.com/a%20file%20with%20spaces.html 

可以看到仅仅把空格替换成了20%，所以此方法可用于对网址进行编码。

由于encodeURI不对冒号(:)、斜杠(/)进行编码，所以如果参数(如把网址作为参数)中包含冒号(:)、斜杠(/)，就会解析出错，所以此方法不能对参数进行编码。

encodeURIComponent:用于对网址参数进行编码

encodeURIComponent不编码字符有71个：!， '，(，)，*，-，.，_，~，0-9，a-z，A-Z

可以看到此方法对:/都进行了编码，所以不能用它来对网址进行编码。由于此方法对中文，空格，井号(#)，斜线(/)，冒号(:)都进行了编码，所以适合对URI中的参数进行编码。看下面的示例：

   
   
var param="博客";  
var url="http://www.cnblogs.com/?key="+encodeURIComponent(param)+"&page=1";  
console.log(url);//outputs http://www.cnblogs.com/?key=%E5%8D%9A%E5%AE%A2%E5%9B%AD&page=1 

可以看到，这正是我们想要的结果(这里只对需要编码的参数(page=1不需要编码)进行了编码)。

小结

在JavaScript中推荐的做法是用encodeURI对URI的网址部分编码，用encodeURIComponent对URI中传递的参数进行编码。