javaScript中URL编码转换,escape() encodeURI() encodeURIComponent

原文地址：http://www.cnblogs.com/winner/archive/2007/08/28/873498.html

 

在使用url进行参数传递时，经常会传递一些中文名的参数或URL地址，在后台处理时会发生转换错误。在有些传递页面使用GB2312，而在接收页面使用UTF8，这样接收到的参数就可能会与原来发生不一致。使用服务器端的urlEncode函数编码的URL，与使用客户端javascript的encodeURI函数编码的URL，结果就不一样。

 

javaScript中的编码方法：

escape() 方法：
采用ISO Latin字符集对指定的字符串进行编码。所有的空格符、标点符号、特殊字符以及其他非ASCII字符都将被转化成%xx格式的字符编码（xx等于该字符在字符集表里面的编码的16进制数字）。比如，空格符对应的编码是%20。unescape方法与此相反。不会被此方法编码的字符： @ * / +

encodeURI() 方法：

把URI字符串采用UTF-8编码格式转化成escape格式的字符串。不会被此方法编码的字符：! @ # $& * ( ) = : / ; ? + '

encodeURIComponent() 方法：

把URI字符串采用UTF-8编码格式转化成escape格式的字符串。与encodeURI()相比，这个方法将对更多的字符进行编码，比如 / 等字符。所以如果字符串里面包含了URI的几个部分的话，不能用这个方法来进行编码，否则 / 字符被编码之后URL将显示错误。不会被此方法编码的字符：  - _ . ! ~ * ' ( )

因此，对于中文字符串来说，如果不希望把字符串编码格式转化成UTF-8格式的（比如原页面和目标页面的charset是一致的时候），只需要使用escape。如果你的页面是GB2312或者其他的编码，而接受参数的页面是UTF-8编码的，就要采用encodeURI或者encodeURIComponent。

另外，encodeURI/encodeURIComponent是在javascript1.5之后引进的，escape则在javascript1.0版本就有。

使用范围：

1、   传递参数时需要使用encodeURIComponent，这样组合的url才不会被#等特殊字符截断。                            

例如：<script language="javascript">document.write('<a href="http://passport.baidu.com/?logout&aid=7&u='+encodeURIComponent("http://cang.baidu.com/bruce42")+'">退出</a>');</script>

2、   进行url跳转时可以整体使用encodeURI

例如：Location.href=encodeURI("http://cang.baidu.com/do/s?word=百度&ct=21");

3、   js使用数据时可以使用escape

 

escape不编码字符有69个：*，+，-，.，/，@，_，0-9，a-z，A-Z

encodeURI不编码字符有82个：!，#，$，&，'，(，)，*，+，,，-，.，/，:，;，=，?，@，_，~，0-9，a-z，A-Z

encodeURIComponent不编码字符有71个：!， '，(，)，*，-，.，_，~，0-9，a-z，A-Z

 

 

示例代码：

 

var url = "http://www.abc.com?q=aa&b=呵呵"; var encodedUrl = encodeURI(url); alert(encodedUrl); //输出：http://www.abc.com?q=aa&b=%E5%91%B5%E5%91%B5 encodedUrl = encodeURIComponent(url); alert(encodedUrl); //输出：http%3A%2F%2Fwww.abc.com%3Fq%3Daa%26b%3D%E5%91%B5%E5%91%B5 alert(escape(url)); //输出：http%3A//www.abc.com%3Fq%3Daa%26b%3D%u5475%u5475

 

如上所示，escape函数中处理中文字符的时候，都会转换成%uxxxx这种形式，显然这个和URL编码的格式不一样，而encodeURIComponent函数编码是最彻底的，如果没有特殊需要的话，encodeURIComponent这个函数是比较常用的，当然，也许我们使用escape也不会有什么问题，也许你的服务端语言也能够正常的解析出来，不过这个函数在处理unicode字符的时候还不是很标准，所以这里建议大家使用encodeURIComponent和decodeURIComponent这对函数来对字符串进行URL编码和解码。