js对url的编码和解码

最近做公众号相关, 需要在公众号里面配菜单, 才发现菜单的链接部分是编码过的, 如这样http%3A%2F%2Fw3cschool.cn%2Fmy%20test.asp%3Fname%3Dst%C3%A5le%26car%3Dsaab

当时不太明白, 后来在网上看了看, 搜了搜, 发现js对url编码就是这样, 所以在这里简单总结一下

使用 encodeURIComponent() 方法可以对 URI 进行编码。

使用 decodeURIComponent() 方法可以对 URI 进行解码.

w3c提供了简单实现

<script>

var uri="http://w3cschool.cn/my test.php?name=ståle&car=saab";
var uri_encode=encodeURIComponent(uri);
document.write(uri_encode);
document.write("<br>");
document.write(decodeURIComponent(uri_encode));

</script>

结果

http%3A%2F%2Fw3cschool.cc%2Fmy%20test.php%3Fname%3Dst%C3%A5le%26car%3Dsaab
http://w3cschools.com/my test.asp?name=ståle&car=saab

截图