JavaScript 中的 escape, encodeURI, encodeURIComponent 的区别

作者: 来源: 日期:2009-3-27

Javascript 对文字进行编码涉及 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 纪录。

原理

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

相关阅读

相关文章