escape encodeURI encodeURIComponent的使用和区别

escape(unescape),encodeURI(decodeURI)和encodeURIComponent(decodeURIComponent)都是用来编(解)码字符以利于在网络上传输和解析。


[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中可能出现的特殊字符都进行编码
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值