实习第十九天(编码encode、解码decode)

编码函数：escape,encodeURI,encodeURIComponent
解码函数：unescape,decodeURI,decodeURIComponent

实例

1、escape()

<script type="text/javascript">
  document.write(escape("Visit W3School!") + "<br />")
  document.write(escape("?!=()#%&"))
</script>
输出结果：
Visit%20W3School%21
%3F%21%3D%28%29%23%25%26

2、encodeURI()

<html>
<body>
<script type="text/javascript">
document.write(encodeURI("http://www.w3school.com.cn")+ "<br />")
document.write(encodeURI("http://www.w3school.com.cn/My first/")+ "<br />")
document.write(encodeURI(",/?:@&=+$#"))
</script>
</body>
</html>
输出结果：
http://www.w3school.com.cn
http://www.w3school.com.cn/My%20first/
,/?:@&=+$#
对整个URL进行编码，而URL的特定标识符不会被转码。

3、encodeURIComponent()

<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
对URL中的参数进行编码，因为参数也是一个URL，如果不编码会影响整个URL的跳转。

4、unescape()

<script type="text/javascript">
var test1="Visit W3School!"
test1=escape(test1)
document.write (test1 + "<br />")
test1=unescape(test1)
document.write(test1 + "<br />")
</script>
输出：
Visit%20W3School%21
Visit W3School!

5、decodeURI()

<script type="text/javascript">
var test1="http://www.w3school.com.cn/My first/"
document.write(encodeURI(test1)+ "<br />")
document.write(decodeURI(test1))
</script>
输出：
http://www.w3school.com.cn/My%20first/
http://www.w3school.com.cn/My first/

5、decodeURIComponent()

<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/

参考：js 中编码（encode）和解码（decode）的三种方法

escape()除了 ASCII 字母、数字和特定的符号外，对传进来的字符串全部进行转义编码，因此如果想对URL编码，最好不要使用此方法。而encodeURI() 用于编码整个URI,因为URI中的合法字符都不会被编码转换。encodeURIComponent方法在编码单个URIComponent（指请求参数）应当是最常用的，它可以讲参数中的中文、特殊字符进行转义，而不会影响整个URL。

1、传递参数时需要使用encodeURIComponent，这样组合的url才不会被#等特殊字符截断。
例如：<script language="javascript">document.write('<a href="http://passport.baidu.com/?logout&aid=7&u='+encodeURIComponent(+'">退出</a>');</script>

2、进行url跳转时可以整体使用encodeURI
例如：Location.href=encodeURI("http://cang.baidu.com/do/s?word=百度&ct=21");

3、 js使用数据时可以使用escape
例如：搜藏中history纪录。

4、escape对0-255以外的unicode值进行编码时输出%u****格式，其它情况下escape，encodeURI，encodeURIComponent编码结果相同。
最多使用的应为encodeURIComponent，它是将中文、韩文等特殊字符转换成utf-8格式的url编码，所以如果给后台传递参数需要使用encodeURIComponent时需要后台解码对utf-8支持（form中的编码方式和当前页面编码方式相同）
escape不编码字符有69个：，+，-，.，/，@，_，0-9，a-z，A-Z
encodeURI不编码字符有82个：!，#，$，&，'，(，)，，+，,，-，.，/，:，;，=，?，@，，~，0-9，a-z，A-Z
encodeURIComponent不编码字符有71个：!， '，(，)，，-，.，*，~，0-9，a-z，A-Z

最后编辑于：2019.04.09 10:36:47