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

 分类:js知识时间:2022-06-27点击:

在js中有URL的编码方法encodeUR()方法和encodeURIComponent()方法,对应的解码方法有decodeURI()方法和decodeURIComponent()方法。本文从URL合法字符开始对前端js中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方法的逆运算。

除注明外的文章,均为来源:老汤博客,转载请保留本文地址!
原文地址: