encodeURI()、encodeURIComponent()、escape()
URI的通用格式如下:
/*** 协议://用户名:密码@子域名.域名.顶级域名:端口号/目录/文件名.文件后缀?参数1=值1&参数2=值2+值3#标志 **/ /*** http://username:password@www.example.com:80/path/to/file.php?foo=316&bar=this+has+spaces#anchor **/
URI由很多URI组件构成,协议、用户名、密码...等等。
encodeURIComponent() 函数 与 encodeURI() 函数区别
URI元字符(11个) : / @ ? = # & + ; $ ,
encodeURIComponent() 函数会转义URI元字符。
encodeURI() 函数不会转义URI元字符。
const str = "http://username:password@www.example.com:80/path/to/file.php?foo=316&bar=this+has+spaces#anchor";
encodeURI(str)
// http://username:password@www.example.com:80/path/to/file.php?foo=316&bar=this+has+spaces#anchor
encodeURIComponent(str)
// http%3A%2F%2Fusername%3Apassword%40www.example.com%3A80%2Fpath%2Fto%2Ffile.php%3Ffoo%3D316%26bar%3Dthis%2Bhas%2Bspaces%23anchor
encodeURIComponent() 函数 与 encodeURI() 函数相同点
两者都不会对非转义字符进行编码。如果想要实现编码,需要手动实现。
非转义字符:
1. 字母 a-z A-z
2. 数字 0-9
3.其他9个非转义字符: - _ . ! ~ * ' ( )
对于非转义字符的转义如下:
function fixedEncodeURIComponent (str) {
return encodeURIComponent(str).replace(/[!'()*~_-]/g, function(c) {
return '%' + c.charCodeAt(0).toString(16);
});
}
escape()函数
escape()函数已经从新的web标准中废除,请尽量不要使用!!
尽量使用上面的两个方法。