首页 >> 编程相关小知识 >> 当前文章

JS中encodeURIComponent和encodeURI函数的区别

2023年09月20日 阅读量:284

1、encodeURIComponent函数用于对完整的URL组件进行编码,包括查询参数、路径片段等。

它会对所有非字母数字字符进行编码,并将其替换为相应的URL编码形式。这包括对特殊字符(如冒号、斜杠、问号、等号、加号等)的编码。encodeURIComponent保留了URL中的分隔符,因此可以安全地对完整的URL进行编码。

示例:

const url = 'http://example.com/search?q=hello world';
const encodedUrl = encodeURIComponent(url);
// 输出:http%3A%2F%2Fexample.com%2Fsearch%3Fq%3Dhello%20world

2、encodeURI函数用于对整个URL进行编码,但不包括查询参数部分。

它主要用于对URL中的路径片段进行编码,而不会对查询参数进行编码。encodeURI只会对空格、双引号、尖括号等少量特殊字符进行编码,因此它更适合用于对整个URL中的路径部分进行编码。

示例:

const url = 'http://example.com/search?q=hello world';
const encodedUri = encodeURI(url);
// 输出:http://example.com/search?q=hello%20world

总结:

如果需要对完整的URL进行编码,包括查询参数部分,应使用encodeURIComponent函数。

如果只需要对URL中的路径部分进行编码,而不包括查询参数,可以使用encodeURI函数。

觉得有用就点个赞吧 2
称:
箱:
容:
验证码:
本站累计访客数量:12410人
本站累计运行时长:285天
声明:本站部分内容属于原创,转载请注明出处,请勿作商业用途!本站少部分资源来自互联网,如果有侵犯到您的权益,请联系本站【niceliusir@qq.com】删除,谢谢合作!