日期:2014-05-18  浏览次数:20561 次

javascript 中 escape,encodeURI 区别?
貌似都是编解码的函数?二者什么区别呢?

------解决方案--------------------
js对文字进行编码涉及3个函数:escape,encodeURI,encodeURIComponent,相应3个解码函数:unescape,decodeURI,decodeURIComponent

1、 传递参数时需要使用encodeURIComponent,这样组合的url才不会被#等特殊字符截断。

例如: <script language= "javascript "> document.write( ' <a href= "http://passport.baidu.com/?logout&aid=7&u= +encodeURIComponent( "http://cang.baidu.com/bruce42 ")+ "> 退出 </a> '); </script>

2、 进行url跳转时可以整体使用encodeURI

例如:Location.href=encodeURI( "http://cang.baidu.com/do/s?word=百度&ct=21 ");

3、 js使用数据时可以使用escape

例如:搜藏中history纪录。

4、 escape对0-255以外的unicode值进行编码时输出%u****格式,其它情况下escape,encodeURI,encodeURIComponent编码结果相同。


最多使用的应为encodeURIComponent,它是将中文、韩文等特殊字符转换成utf-8格式的url编码,所以如果给后台传递参数需要使用encodeURIComponent时需要后台解码对utf-8支持(form中的编码方式和当前页面编码方式相同)

escape不编码字符有69个:*,+,-,.,/,@,_,0-9,a-z,A-Z

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

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


------解决方案--------------------
escape() 方法:
所有空格、标点符号、重音字符,以及任何其他非ASCII字符都编码改为 "%XX "的形式,xx是16进制数字所代表.
escape和unescape的编码和解码功能, escape返回16进制编码的一种ISO拉丁字符集. unescape的功能将具有特殊值的16进制编码转换为ASCII字符串
举例:
escape( '!@#$%^&*(){}[]=:/;?+\ ' " '):
结果:%21@%23%24%25%5E%26*%28%29%7B%7D%5B%5D%3D%3A/%3B%3F+%27%22

encodeURI() 方法
Encodeuri方法返回一个编码后的URI. 因此,如果你将其结果用Decodeuri方法,原始的串会返回. Encodeuri的方法并不对以下字符编码: ": "、 "/ "、 "; "、 "? ". 但可以使用 encodeuricomponent 的方法对这些字符进行encode.
encodes,一种 Uniform Resource Identifier (URI)(URI)逐一替换某些字符,描述为UTF-8编码的特点.
例如 :
encodeURI( '!@#$%^&*(){}[]=:/;?+\ ' " '):
结果:!@#$%25%5E&*()%7B%7D%5B%5D=:/;?+ '%22

encodeURIComponent() 方法:
encodeuricomponent 方法返回一个编码的URI. 因此,如果你将decodeuricomponent,原来的串会返回. 由于所有文字encodesencodeuricomponent方法都会进行编码,所以要小心,如果存在路径等串例如: "/FOLDER1/FOLDER2/DEFAULT.HTML ". 加密后并不会,如果作为一个网络服务器的请求将会失效. 使用这种方法Encodeuri当字符串超过一个以上URI组成.
encodes,一种 Uniform Resource Identifier (URI)(URI)逐一替换某些字符,描述为UTF-8编码的特点.
例子:最简单的方法就是看它们加密这些字符后生成的代码.
encodeURIComponent( '!@#$%^&*(){}[]=:/;?+\ ' " '):
结果 !%40%23%24%25%5E%26*()%7B%7D%5B%5D%3D%3A%2F%3B%3F%2B '%22