js对url编码和解码的方式

1.escape 和 unescape
原理：对除ASCII字母、数字、标点符号 @ * _ + - . / 以外的其他字符进行编码。

编码：escape('http://www.baidu.com?name=zhang@xiao@jie&order=1')

　　　结果："http%3A//www.baidu.com%3Fname%3Dzhang@xiao@jie%26order%3D1"

　　　escape('张')

　　　结果："%u5F20"

解码：unescape("http%3A//www.baidu.com%3Fname%3Dzhang@xiao@jie%26order%3D1")

　　　结果："http://www.baidu.com?name=zhang@xiao@jie&order=1"

　　　unescape("%u5F20")

　　　结果："张"

2.encodeURI 和 decodeURI

原理：返回编码为有效的统一资源标识符 (URI) 的字符串，不会被编码的字符：
      ! @ # $ & * ( ) = : / ; ? + '
　　   encodeURI()是Javascript中真正用来对URL编码的函数。

编码：encodeURI('http://www.baidu.com?name=zhang@xiao@jie&order=1')

　　　结果："http://www.baidu.com?name=zhang@xiao@jie&order=1"

解码：decodeURI("http%3A//www.baidu.com%3Fname%3Dzhang@xiao@jie%26order%3D1")

　　　结果："http%3A//www.baidu.com%3Fname%3Dzhang@xiao@jie%26order%3D1"

3.encodeURIComponent()和decodeURIComponent(URIstring)

encodeURIComponent() 函数可把字符串作为 URI 组件进行编码。
该方法不会对 ASCII 字母和数字进行编码，也不会对这些 ASCII 标点符号进行编码：- _ . ! ~ * ' ( ) 。
其他字符（比如 ：;/?:@&=+$,# 这些用于分隔 URI 组件的标点符号），都是由一个或多个十六进制的转义序列替换的。
请注意 encodeURIComponent() 函数 与 encodeURI() 函数的区别之处：
前者假定它的参数是 URI 的一部分（比如协议、主机名、路径或查询字符串）。因此 encodeURIComponent() 函数将转义用于分隔 URI 各个部分的标点符号。

<script type="text/javascript">
document.write(encodeURIComponent("http://www.w3school.com.cn"))
document.write("<br />")
document.write(encodeURIComponent("http://www.w3school.com.cn/p 1/"))
document.write("<br />")
document.write(encodeURIComponent(",/?:@&=+$#"))
</script>
//输出
http%3A%2F%2Fwww.w3school.com.cn
http%3A%2F%2Fwww.w3school.com.cn%2Fp%201%2F
%2C%2F%3F%3A%40%26%3D%2B%24%23

decodeURIComponent(URIstring)

<script type="text/javascript">
var test1="http://www.w3school.com.cn/My first/"
document.write(encodeURIComponent(test1)+ "<br />")
document.write(decodeURIComponent(test1))
</script>
//输出
http%3A%2F%2Fwww.w3school.com.cn%2FMy%20first%2F
http:"//www.w3school.com.cn/My first/"