JS中的编码函数

2017年03月05日Web前端0

我们经常会用到浏览器的URL地址,让我们来了解下JS中的几个关于编码的函数。

1、escape

该函数用于对字符串进行编码,但目前已不推荐使用该函数,尤其是不能用来对URI进行编码。

escape()方法返回的值是字符串类型的。该函数不会对ASCII字母和数字进行编码,也不会对下面这些ASCII标点符号进行编码:*@-_+./ 。其他所有的字符都会被编码。

escape('你好');  // '%u4F60%u597D'
unescape("%u4F60%u597D"); // '你好'

其中,escape()不对“+”编码。但是我们知道,网页在提交表单的时候,如果有空格,则会被转化为+字符。服务器处理数据的时候,会把+号处理成空格。所以,使用的时候要小心。

2、encodeURI

该方法会对所有URL进行编码,除了常见的符号,对其他一些在网址中有特殊含义的符号“; / ? : @ & = + $ , #”,也不进行编码。编码后,它输出符号的utf-8形式,并且在每个字节前加上%。它对应的解码函数是decodeURI()。

encodeURI('你好'); // "%E4%BD%A0%E5%A5%BD"
decodeURI("%E4%BD%A0%E5%A5%BD"); // "你好"

3、encodeURIComponent

该方法与encodeURI()的区别是,它用于对URL的组成部分进行个别编码,而不用于对整个URL进行编码。因此,“; / ? : @ & = + $ , #”,这些在encodeURI()中不被编码的符号,在encodeURIComponent()中统统会被编码。至于具体的编码方法,两者是一样。

encodeURIComponent("你好"); // "%E4%BD%A0%E5%A5%BD"
decodeURIComponent("%E4%BD%A0%E5%A5%BD"); // "你好"

encodeURIComponent()相比encodeURI()要更加彻底。

4、总结

var str = 'http://wwww.zhuyuntao.cn/MyTest/1.php?a=1';

console.log(encodeURI(str));          // http://wwww.zhuyuntao.cn/MyTest/1.php?a=1
console.log(encodeURIComponent(str)); // http%3A%2F%2Fwwww.zhuyuntao.cn%2FMyTest%2F1.php%3Fa%3D1

escape()不能直接用于URL编码,它的真正作用是返回一个字符的Unicode编码值。escape()不对"+"编码 主要用于汉字编码,现在已经不提倡使用。 encodeURI()是Javascript中真正用来对URL编码的函数。

编码整个url地址,但对特殊含义的符号"; / ? : @ & = + $ , #",也不进行编码。对应的解码函数是:decodeURI()。encodeURIComponent() 能编码"; / ? : @ & = + $ , #"这些特殊字符。对应的解码函数是decodeURIComponent()。

假如要传递带&符号的网址,所以用encodeURIComponent()。