当前位置: 代码迷 >> Web前端 >> escape encodeURI encodeURIComponent的运用和区别
  详细解决方案

escape encodeURI encodeURIComponent的运用和区别

热度:463   发布时间:2012-09-20 09:36:50.0
escape encodeURI encodeURIComponent的使用和区别
escape(unescape),encodeURI(decodeURI)和encodeURIComponent(decodeURIComponent)都是用来编(解)码字符以利于在网络上传输和解析。


1. escape

  把特殊字符(不包括 + - * / . _ @)转化成相应的ASCII表示法(%XX)或者Unicode表示法(%uXXXX)

 
  document.write(escape("+-*/._@ '()阳春三月"));
  


  输出结果:
  +-*/._@%20%27%28%29%u9633%u6625%u4E09%u6708

  从结果中可以看出,+-*/._@不会被编码,空格转成%20,单引号转成%27,圆括号转成%28和%29,四个汉字用Unicode编码成四个%uXXXX序列。

  如果我们对escape的字符序列再次调用escape:
 
  document.write(escape(escape("+-*/._@ '()阳春三月")));
  


  输出结果:
  +-*/._@%2520%2527%2528%2529%25u9633%25u6625%25u4E09%25u6708

  可以看出,escape会编码已经escape过的字符%为%25

 
  调用unescape进行解码:

 
  document.write(unescape(escape(escape("+-*/._@ '()阳春三月"))));
  


  输出结果:
  +-*/._@%20%27%28%29%u9633%u6625%u4E09%u6708
 

  再次调用escape进行解码:

 
  document.write(unescape(unescape(escape(escape("+-*/._@ '()阳春三月")))));
  


  输出结果:
  +-*/._@ '()阳春三月

  所以在编写代码时,要注意被操作字符序列是否已经escape或unescape过。



2. encodeURI和encodeURIComponent

  和escape类似,不同的是
  a. 它们不会对(' tilde(加在西班牙语n字上的发音符号) ())编码:

 
  document.write(encodeURI("+-*/._@ '()"));
  


  输出结果:
  +-*/._@%20'()

  b. 它们编码Unicode字符也不同,输出为:%XX%XX or %XX%XX%XX
 
  document.write(encodeURI("阳春三月"));
  


  输出结果:
  %E9%98%B3%E6%98%A5%E4%B8%89%E6%9C%88

  encodeURI把每个中文字符都转成了%XX%XX%XX格式



  3. encodeURI和encodeURIComponent区别:

  encodeURIComponent会编码encodeURI不管的(, / ? : @ & = + $ #),其中,(+ / @)escape也不闻不问

 
  document.write(encodeURI(",/?:@&=+$#"));
  document.write(encodeURIComponent(",/?:@&=+$#"));
  


  输出结果:
  ,/?:@&=+$#
  %2C%2F%3F%3A%40%26%3D%2B%24%23


总结:
  escape是元老级的方法,很多浏览器表示都支持,适用于html字符编码
  encodeURI和encodeURIComponent出道较晚,适用于uri字符编码,并且后者对很多URI中可能出现的特殊字符都进行编码
  相关解决方案