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中的特殊字符进行编码,如冒号(:)、斜杠(/)。下面看个示例:


1. encodeURI(" file with spaces.html")  
2. // outputs %20file%20with%20spaces.html

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

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

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

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

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


1. var param="博客";  
2. var url=""+encodeURIComponent(param)+"&page=1";  
3. console.log(url);//outputs %E5%8D%9A%E5%AE%A2%E5%9B%AD&page=1


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

小结

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