1. URL编码方式
Global对象的encodeURL()和encodeURLComponent()方法可以对URL进行编码。有效的URL中不能包含某些字符串,例如空格。他们用特殊的UTF-8编码替换所有无效的字符,从而让浏览器理解。
encodeURL()主要用于整个URL,而encodeURLComponent()主要用于对URL中的某一段。它们的区别在于,encodeURL()不会对本身属性url的特殊字符进行编码,例如“冒号、正斜杠、问号、井号”;而encodeURLComponent()则会对它发现的任何非标准字符进行编码。
代码:
let url = '//www.greatytc.com/writer/notebooks/33382883/notes/40138710'
let encode = encodeURI(url)
let encodeComponent = encodeURIComponent(url)
console.log(encode) // //www.greatytc.com/writer/notebooks/33382883/notes/40138710
console.log(encodeComponent) // https%3A%2F%2Fwww.greatytc.com%2Fwriter%2Fnotebooks%2F33382883%2Fnotes%2F40138710
2. URL解码方式
let decode = decodeURI(encode) // encode 对应上面的代码
let decodeComponent = decodeURIComponent(encodeComponent)
console.log(decode) // //www.greatytc.com/writer/notebooks/33382883/notes/40138710
console.log(decodeComponent) // //www.greatytc.com/writer/notebooks/33382883/notes/40138710
总结:
在实践中encodeURLComponent()比encodeURL()更常用,因为常见的是查询字符串参数,而不是对url进行编码。