var str1="http://baidu.com";
var str2="http://baidu.com/~#$&*(_+";
var str3="http://baidu.com/my page";
console.log(encodeURI(str1));
console.log(encodeURI(str2));
console.log(encodeURI(str3));
运行结果：
encodeURI() 不会转义：;/?:@&=+$,#-_.!~*‘()，但会对空格转义，目的是对 URI 进行完整的编码
var str4="http://baidu.com";
var str5="http://baidu.com/：;/?:@&=+$,#";
var str6="http://baidu.com/my page/04563";
var str7="http://baidu.com/-_.!~*‘()";
console.log(encodeURIComponent(str4));
console.log(encodeURIComponent(str5));
console.log(encodeURIComponent(str6));
console.log(encodeURIComponent(str7));
运行结果：
http%3A%2F%2Fbaidu.com
http%3A%2F%2Fbaidu.com%2F%EF%BC%9A%3B%2F%3F%3A%40%26%3D%2B%24%2C%23
http%3A%2F%2Fbaidu.com%2Fmy%20page%2F04563
http%3A%2F%2Fbaidu.com%2F-_.!~*‘()
encodeURIComponent() 不会对这些 ASCII 标点符号进行编码： - _ . ! ~ * ‘ ( )，目的是将转义用于分隔 URI 各个部分的标点符号
两个方法的解码分别对应decodeURI和decodeURIComponent
encodeURI和encodeURIComponent区别
原文：https://www.cnblogs.com/jelina/p/8823832.html