浏览器编码函数escape(),encodeURI(),encodeURIComponent()的区别

浏览器编码函数escape(),encodeURI(),encodeURIComponent()的区别

1、escape()
escape()是js编码函数中最古老的一个。实际上,escape()不能直接用于URL编码,它的真正作用是返回一个字符的Unicode编码值。比如“你好”的返回结果是"%u4F60%u597D"。无论网页的原始编码是什么,一旦被Javascript编码,就都变为unicode字符。也就是说,Javascipt函数的输入和输出,默认都是Unicode字符。

javascript:escape("你好");
//输出 "%u4F60%u597D"
解码
javascript:unescape("%u4F60%u597D");
//输出 "你好"

2、encodeURI()
encodeURI是对整个URL进行编码,因此除了常见的符号以外,对其他一些在网址中有特殊含义的符号“; / ? : @ & = + $ , #”,也不进行编码。编码后,它输出符号的utf-8形式,并且在每个字节前加上%,需要注意的是,它不对单引号’编码。

encodeURI("https://mp.csdn.net?=k=hello world");
//输出 "https://mp.csdn.net?=k=hello%20world"

它对应的解码函数是decodeURI()。

decodeURI("https%3A//mp.csdn.net/mdeditor%23Markdown_2");
//输出 "https://mp.csdn.net?=k=hello world"

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

encodeURIComponent("https://mp.csdn.net?=k=hello world");
//输出 "https%3A%2F%2Fmp.csdn.net%3F%3Dk%3Dhello%20world"

它对应的解码函数是decodeURIComponent()。

decodeURIComponent("https%3A%2F%2Fmp.csdn.net%3F%3Dk%3Dhello%20world");
//输出 "https://mp.csdn.net?=k=hello world"

你可能感兴趣的:(浏览器编码函数escape(),encodeURI(),encodeURIComponent()的区别)