js中url编码的介绍

在js脚本中可以使用encodeURI()方法和encodeURIComponent()来对URL进行编码，而解码时可以使用decodeURI()方法和decodeURIComponent()方法。下面博文就给这几个js中的方法详细的说一下。

关于URL中的合法字符

在说url编码之前先说一下在浏览器地址中不会被转义的字符，下面有两种。

1、url元字符

分号（;），逗号（’,’），斜杠（/），问号（?），冒号（:），at（@），&，等号（=），加号（+），美元符号（$），井号（#）

2、语义字符

a-z，A-Z，0-9，连词号（-），下划线（_），点（.），感叹号（!），波浪线（~），星号（*），单引号（），圆括号（()`）

1、js中encodeURI()方法

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

例：

console.log(encodeURI('https://www.73so.com/post/这是文章.html'));
// https://www.73so.com/post/%E8%BF%99%E6%98%AF%E6%96%87%E7%AB%A0.html

2、js中decodeURI()方法

与Js中encodeURI()方法相对应的解码方法就是decodeURI()。

例：

console.log(decodeURI('https://www.73so.com/post/%E8%BF%99%E6%98%AF%E6%96%87%E7%AB%A0.html'));
// https://www.73so.com/post/这是文章.html

3、js中encodeURIComponent()方法

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

例：

console.log(encodeURIComponent('post/这是文章.html?page=55'));
// post%2F%E8%BF%99%E6%98%AF%E6%96%87%E7%AB%A0.html%3Fpage%3D55

4、js中decodeURIComponent()方法

js中的decodeURIComponent()可以还原使用encodeURIComponent()方法加密的url。

例：

console.log(decodeURIComponent('post%2F%E8%BF%99%E6%98%AF%E6%96%87%E7%AB%A0.html%3Fpage%3D55'));
//post/这是文章.html?page=55

以上就是js脚本中对url进行编码以及解码的方法，各位可以根据自身的需求进行选择。