encodeURIComponent(),encodeURI()函数用法区别

最新推荐文章于 2025-06-28 01:35:18 发布

原创最新推荐文章于 2025-06-28 01:35:18 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#编码规范 #函数

web前端同时被 2 个专栏收录

19 篇文章

订阅专栏

JavaScript

10 篇文章

订阅专栏

本文详细解析了encodeURIComponent()与encodeURI()两种URL编码函数的区别与应用场景，包括它们如何处理特殊字符及在实际开发中的运用。

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

encodeURIComponent(),encodeURI()函数用法区别

背景：
今天接触到url编码，把url中的等号=转义了，便查了下原因，了解到编码的一些知识，做了整理：
**
编码缘由**：网络标准RFC 1738做了硬性规定：
“只有字母和数字[0-9a-zA-Z]、一些特殊符号“$-_.+!*’(),”[不包括双引号]、以及某些保留字，才可以不经过编码直接用于URL。”，这意味着，如果URL中有汉字，就必须编码后使用。

1.encodeURIComponent()
重点内容
用法：把字符串作为 URI 组件进行编码。
encodeURIComponent()主要对参数进行编码

实例：

<script type="text/javascript">

  document.write(encodeURIComponent("http://www.w3school.com.cn"))
  document.write("<br />")
  document.write(encodeURIComponent("http://www.w3school.com.cn/p 1/"))
  document.write("<br />")
  document.write(encodeURIComponent(",/?:@&=+$#"))

  </script>

输出：

http%3A%2F%2Fwww.w3school.com.cn
http%3A%2F%2Fwww.w3school.com.cn%2Fp%201%2F
%2C%2F%3F%3A%40%26%3D%2B%24%23

2.encodeURI()

用法：把字符串作为URI进行编码。

实例：

<script type="text/javascript">

document.write(encodeURI("http://www.w3school.com.cn")+ "<br />")
document.write(encodeURI("http://www.w3school.com.cn/My first/"))
document.write(encodeURI(",/?:@&=+$#"))

</script>

输出：

http://www.w3school.com.cn
http://www.w3school.com.cn/My%20first/
,/?:@&=+$#

共同点：都不会对ASCII 字母和数字进行编码，也不会对这些 ASCII 标点符号进行编码： - _ . ! ~ * ’ ( ) 。

区别：
1.encodeURI()方法的目的是对 URI 进行完整的编码，因此对以下在 URI 中具有特殊含义的 ASCII 标点符号，encodeURI() 函数是不会进行转义的：;/?:@&=+$,#
。encodeURIComponent()方法会对这些字符进行转义，以十六进制替换。
2.encodeURI()方法用于整个的URI，而encodeURIComponent()常用于处理URI中的部分参数，比如浏览器地址有中文或者浏览器url参数操作的时候常用encodeURIComponent()。