js URL编码(前端URL编码解码介绍)

在js中有URL的编码方法encodeUR()方法和encodeURIComponent()方法，对应的解码方法有decodeURI()方法和decodeURIComponent()方法。本文从URL合法字符开始对前端js中URL编码解码进行介绍。

一、URL合法字符

URL的合法字符表示在浏览器的地址栏中不会被转义的字符，有两种：

1、第一种 URL元字符：分号（;），逗号（’,’），斜杠（/），问号（?），冒号（:），at（@），&，等号（=），加号（+），美元符号（$），井号（#）

2、第二种语义字符：a-z，A-Z，0-9，连词号（-），下划线（_），点（.），感叹号（!），波浪线（~），星号（*），单引号（），圆括号（()`）

3、说明：当输入的字符不符合以上的字符时，浏览器就会把该字符转义，规则：根据操作系统的默认编码，将每个字节转为百分号（%）加上两个大写的十六进制字母。

4、比如：当再浏览器地址栏中输入www.baidu.com/q=你好时，会被转义成例如www.baidu.com/q=%E6%98%A5%E8%8A%82类似的字符串，浏览器才会读取。

二、URL编码方法

1、encodeUR()方法

将元字符和语义字符之外的字符都进行转义，一般用于知道该URL只用于完整的URL时使用

2、encodeURIComponent()方法

将除了语义字符之外的字符进行转义，包括元字符，因此，它的参数通常是URL的路径或参数值，而不是整个URL。

比如说，要在谷歌中搜索www.baidu.com/q=5&name时，若使用encodeURI，&字符并不会被转义，从而改变其真正的URL。

三、URL解码方法

1、decodeURI()方法

还原转义后的URL，是encodeURI方法的逆运算。

2、decodeURIComponent()方法

此方法可以还原被转义的URL还原转义后的URL片段。是encodeURIComponent方法的逆运算。