escape(unescape),encodeURI(decodeURI)和encodeURIComponent(decodeURIComponent)都是用来编(解)码字符以利于在网络上传输和解析。
[size=x-large]1. escape[/size]
[size=large]把特殊字符(不包括 [color=green]+ - * / . _ @[/color])转化成相应的ASCII表示法(%XX)或者Unicode表示法(%uXXXX)[/size]
输出结果:
[color=green]+-*/._@[/color][color=violet]%20[/color][color=darkblue]%27%28%29[/color][color=orange]%u9633%u6625%u4E09%u6708[/color]
从结果中可以看出,+-*/._@不会被编码,空格转成%20,单引号转成%27,圆括号转成%28和%29,四个汉字用Unicode编码成四个%uXXXX序列。
如果我们对escape的字符序列再次调用escape:
输出结果:
[color=green]+-*/._@[/color][color=blue]%2520%2527%2528%2529[/color][color=violet]%25u9633%25u6625%25u4E09%25u6708[/color]
可以看出,escape会编码已经escape过的字符%为%25
调用unescape进行解码:
输出结果:
[color=green]+-*/._@[/color][color=blue]%20%27%28%29[/color][color=violet]%u9633%u6625%u4E09%u6708[/color]
再次调用escape进行解码:
输出结果:
+-*/._@ '()阳春三月
所以在编写代码时,要注意被操作字符序列是否已经escape或unescape过。
[size=x-large]2. encodeURI和encodeURIComponent[/size]
和escape类似,不同的是
[size=large]a. 它们不会对(' tilde(加在西班牙语n字上的发音符号) ())编码:[/size]
输出结果:
[color=green]+-*/._@[/color][color=blue]%20[/color][color=brown]'()[/color]
[size=large]b. 它们编码Unicode字符也不同,输出为:%XX%XX or %XX%XX%XX[/size]
输出结果:
%E9%98%B3%E6%98%A5%E4%B8%89%E6%9C%88
encodeURI把每个中文字符都转成了%XX%XX%XX格式
[size=x-large]3. encodeURI和encodeURIComponent区别:[/size]
[size=large]encodeURIComponent会编码encodeURI不管的([color=cyan], / ? : @ & = + $ #[/color]),其中,([color=cyan]+ / @[/color])escape也不闻不问[/size]
输出结果:
,/?:@&=+$#
%2C%2F%3F%3A%40%26%3D%2B%24%23
[size=large]总结:[/size]
escape是元老级的方法,很多浏览器表示都支持,适用于html字符编码
encodeURI和encodeURIComponent出道较晚,适用于uri字符编码,并且后者对很多URI中可能出现的特殊字符都进行编码
[size=x-large]1. escape[/size]
[size=large]把特殊字符(不包括 [color=green]+ - * / . _ @[/color])转化成相应的ASCII表示法(%XX)或者Unicode表示法(%uXXXX)[/size]
document.write(escape("+-*/._@ '()阳春三月"));
输出结果:
[color=green]+-*/._@[/color][color=violet]%20[/color][color=darkblue]%27%28%29[/color][color=orange]%u9633%u6625%u4E09%u6708[/color]
从结果中可以看出,+-*/._@不会被编码,空格转成%20,单引号转成%27,圆括号转成%28和%29,四个汉字用Unicode编码成四个%uXXXX序列。
如果我们对escape的字符序列再次调用escape:
document.write(escape(escape("+-*/._@ '()阳春三月")));
输出结果:
[color=green]+-*/._@[/color][color=blue]%2520%2527%2528%2529[/color][color=violet]%25u9633%25u6625%25u4E09%25u6708[/color]
可以看出,escape会编码已经escape过的字符%为%25
调用unescape进行解码:
document.write(unescape(escape(escape("+-*/._@ '()阳春三月"))));
输出结果:
[color=green]+-*/._@[/color][color=blue]%20%27%28%29[/color][color=violet]%u9633%u6625%u4E09%u6708[/color]
再次调用escape进行解码:
document.write(unescape(unescape(escape(escape("+-*/._@ '()阳春三月")))));
输出结果:
+-*/._@ '()阳春三月
所以在编写代码时,要注意被操作字符序列是否已经escape或unescape过。
[size=x-large]2. encodeURI和encodeURIComponent[/size]
和escape类似,不同的是
[size=large]a. 它们不会对(' tilde(加在西班牙语n字上的发音符号) ())编码:[/size]
document.write(encodeURI("+-*/._@ '()"));
输出结果:
[color=green]+-*/._@[/color][color=blue]%20[/color][color=brown]'()[/color]
[size=large]b. 它们编码Unicode字符也不同,输出为:%XX%XX or %XX%XX%XX[/size]
document.write(encodeURI("阳春三月"));
输出结果:
%E9%98%B3%E6%98%A5%E4%B8%89%E6%9C%88
encodeURI把每个中文字符都转成了%XX%XX%XX格式
[size=x-large]3. encodeURI和encodeURIComponent区别:[/size]
[size=large]encodeURIComponent会编码encodeURI不管的([color=cyan], / ? : @ & = + $ #[/color]),其中,([color=cyan]+ / @[/color])escape也不闻不问[/size]
document.write(encodeURI(",/?:@&=+$#"));
document.write(encodeURIComponent(",/?:@&=+$#"));
输出结果:
,/?:@&=+$#
%2C%2F%3F%3A%40%26%3D%2B%24%23
[size=large]总结:[/size]
escape是元老级的方法,很多浏览器表示都支持,适用于html字符编码
encodeURI和encodeURIComponent出道较晚,适用于uri字符编码,并且后者对很多URI中可能出现的特殊字符都进行编码