encodeURIComponent()和encodeURI()的区别

最新推荐文章于 2025-02-28 15:04:45 发布

鲤余

最新推荐文章于 2025-02-28 15:04:45 发布

阅读量695

点赞数 9

文章标签：前端 javascript

本文链接：https://blog.csdn.net/m0_47195133/article/details/136291678

版权

本文介绍了encodeURIComponent和encodeURI两个JavaScript内置函数在处理URL编码时的区别，前者会转义更多字符，而encodeURI只对非ASCII字符和特殊字符进行十六进制转换。encodeURI适用于整个URL，而encodeURLComponent适用于URI参数中的特殊字符处理，编码后需配合decodeURIComponent解码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

示例

我们使用如下字符串http://username:password@www.example.com:80/path/to/file.php?foo=316&bar=this+has+spaces#anchor然后看结果

encodeURIComponent() =>http%3A%2F%2Fusername%3Apassword%40www.example.com%3A80%2Fpath%2Fto%2Ffile.php%3Ffoo%3D316%26bar%3Dthis%2Bhas%2Bspaces%23anchor

encodeURI()
=>http://username:password@www.example.com:80/path/to/file.php?foo=316&bar=this+has+spaces#anchor

区别

可以看到encodeURI不会对 1保留字符 ; , / ? : @ & = + $ 2非转义的字符字母数字 - _ . ! ~ * ' ( ) 3数字符号#
encodeURLComponent不会对A-Z a-z 0-9 - _ . ! ~ * ' ( )进行转义。

encodeURI这个方法用于对整个 URL 进行编码，包括协议、域名、路径和查询参数。它将非 ASCII 字符和特殊字符转换为十六进制格式，确保它们可以在 URL 中安全传输。但需要注意，保留字符（如 :、/、?、& 等）不会被编码，因为它们在 URL 中具有特殊含义。

使用场景

encodeURLComponent当我们URI参数中有一些键值对，值中存在一些特殊字符，例如https://127.0.0.1?c=&time=1243此时可以使用其进行转义。encodeURIComponent()编码后, 必须要用decodeURIComponent()对应解码;