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

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("
"
) document.write(encodeURIComponent("http://www.w3school.com.cn/p 1/")) document.write("
"
) 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")+ "
"
) 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()。

你可能感兴趣的:(JavaScript,web前端)