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中可能出现的特殊字符都进行编码