一、encodeURIComponent()

1.encodeURIComponent()方法的使用

语法：encodeURIComponent(URIstring)
参数：URIstring，必需。一个字符串，含有 URI 组件或其他要编码的文本。

2.encodeURIComponent()测试

测试

document.write(encodeURIComponent("https://www.jsonla.com/encrypt/encodeurl.html?我是个中文参数")) document.write("<br />") document.write(encodeURIComponent(",/?:@&=+$#")) 

结果

http%3A%2F%2Fjsonla.com%2Fencodeurl.html%3F%E6%88%91%E6%98%AF%E4%B8%AA%E4%B8%AD%E6%96%87%E5%8F%82%E6%95%B0 %3Cbr%20%2F%3E %2C%2F%3F%3A%40%26%3D%2B%24%23

二、encodeURI()测试

测试

document.write(encodeURI("https://www.jsonla.com/encrypt/encodeurl.html?我是个中文参数")) document.write("<br />") document.write(encodeURI(",/?:@&=+$#")) 

结果

https://www.jsonla.com/encrypt/encodeurl.html?%E6%88%91%E6%98%AF%E4%B8%AA%E4%B8%AD%E6%96%87%E5%8F%82%E6%95%B0 %3Cbr%20/%3E ,/?:@&=+$#

三、 encodeURIComponent() 函数 与 encodeURI() 函数的区别

请注意 encodeURIComponent() 函数 与 encodeURI() 函数的区别之处，前者假定它的参数是 URI 的一部分（比如协议、主机名、路径或查询字符串）。因此 encodeURIComponent() 函数将转义用于分隔 URI 各个部分的标点符号。

四、总结

1、因为encodeURIComponent()的编码范围比较大，如果是前后端url进行传递（不是访问或者跳转），建议使用这个。

2、如果是前端url访问后端，并且携带了文本的参数，建议使用encodeURI()，因为这样不影响跳转的同时，能把参数携带给后端。

广告 for Goolge