背景 
encodeURI 和 encodeURIComponent都是ECMA-262标准中定义的函数,所有兼容这个标准的语言(如JavaScript, ActionScript)都会实现这两个函数。它们都是用来对URI (RFC-2396)字符串进行编码的全局函数,但是它们的处理方式和使用场景有所不同。为了解释它们的不同,我们首先需要理解RFC-2396中对于URI中的字符分类 
保留字符(reserved characters):这类字符是URI中的保留关键字符,它们用于分割URI中的各个部分。这些字符是:";" | "/" | "?" | ":" | "@" | "&" | "=" | "+" | "$" | "," 
Mark字符(mark characters):这类字符在RFC-2396中特别定义,但是没有特别说明用途,可能是和别的RFC标准相关。 这些字符是:"-" | "_" | "." | "!" | "~" | "*" | "'" | "(" | ")" 
基本字符(alphanum characters):这类字符是URI中的主体部分,它包括所有的大写字母、小写字母和数字 
在介绍完上面三类字符串后,我们就非常容易来解释encodeURI和encodeURIComponent函数的不同之处了: 
encodeURI: 该函数对传入字符串中的所有非(基本字符、Mark字符和保留字符)进行转义编码(escaping)。所有的需要转义的字符都按照UTF-8编码转化成为一个、两个或者三个字节的十六进制转义字符(%xx)。例如,字符空格" "转换成为"%20"。在这种编码模式下面,需要编码的ASCII字符用一个字节转义字符代替,在\u0080和\u007ff之间的字符用两个字节转义字符代替,其他16为Unicode字符用三个字节转义字符代替 
encodeURIComponent: 该函数处理方式和encodeURI只有一个不同点,那就是对于保留字符同样做转义编码。例如,字符":"被转义字符"%3A"代替 
之所以有上面两个不同的函数,是因为我们在写JS代码的时候对URI进行两种不同的编码处理需求。encodeURI可以用来对完整的URI字符串进行编码处理。而encodeURIComponent可以对URI中一个部分进行编码,从而让这一部分可以包含一些URI保留字符。这在我们日常编程中是十分有用的。比如下面的URI字符串: 
http://www.mysite.com/send-to-friend.aspx?url=http://www.mysite.com/product.html 
在这个URI字符串中。send-to-friend.aspx页面会创建HTML格式的邮件内容,里面会包含一个链接,这个链接的地址就是上面URI字符串中的url值。显然上面的url值是URI中的一个部分,里面包含了URI保留关键字符。我们必须调用encodeURIComponent对它进行编码后使用,否则上面的URI字符串会被浏览器认为是一个无效的URI。正确的URI应该如下: 
http://www.mysite.com/send-to-friend.aspx?url=http%3A%2F%2Fwww.mysite.com%2Fproduct.html 
例子 
encodeURI

复制代码代码如下:

var uri="my test.asp?name=ståle&car=saab"; 
document.write(encodeURI(uri)); 

上面的输出如下: 
my%20test.asp?name=st%C3%A5le&car=saab

encodeURIComponent

复制代码代码如下:

var uri="http://jb51.net/my test.asp?name=ståle&car=saab"; 
document.write(encodeURIComponent(uri)); 

上面的输出如下: 
http%3A%2F%2Fjb51.net%2Fmy%20test.asp%3Fname%3Dst%C3%A5le%26car%3Dsaab 
其他 
在ECMA-262标准中还定义了和这两个encode函数向对应的decode全局函数,它们是decodeURI和decodeURIComponent。我们可以用它们来decode编码后的字符串

转载于:https://www.cnblogs.com/xiaoleiel/p/8308805.html

javascript encodeURI和encodeURIComponent的比较相关推荐

  1. PHP中的urlencode,rawurlencode和JS中的encodeURI,encodeURIComponent

    PHP中的urlencode,rawurlencode和JS中的encodeURI,encodeURIComponent [PHP中的urlencode和rawurlencode] urlencode ...

  2. escape()、encodeURI()、encodeURIComponent()区别详解

    JavaScript中有三个可以对字符串编码的函数,分别是: escape,encodeURI,encodeURIComponent,相应3个解码函数:unescape,decodeURI,decod ...

  3. js中字符串编码函数escape()、encodeURI()、encodeURIComponent()区别详解

    1 escape()函数 定义和用法escape() 函数可对字符串进行编码,这样就可以在所有的计算机上读取该字符串. 语法escape(string) 参数 描述string 必需.要被转义或编码的 ...

  4. escape encodeURI 和encodeURIComponent JS编码

    escape(), encodeURI()和encodeURIComponent()是在Javascript中用于编码字符串的三个常用的方法,而他们之间的异同却困扰了很多的Javascript初学者, ...

  5. encodeURI和 encodeURIComponent 的作用及应用

    首先解释下 encodeURIComponent 的作用:将文本字符串编码为一个有效的统一资源标识符 (URI). 为什么要用这个是因为我想把 username 整个当做参数传递给 CGI, 而不让 ...

  6. encodeURI、encodeURIComponent的区别

    一.区别. 这两个函数功能上面比较接近,但是有一些区别. encodeURI:不会进行编码的字符有82个 :!,#,$,&,',(,),*,+,,,-,.,/,:,;,=,?,@,_,~,0- ...

  7. encodeURI 和 encodeURIComponent

    保留字符      (reserved characters):这类字符是URI中的保留关键字符,它们用于分割URI中的各个部分.这些字符是:";" | "/" ...

  8. escape()、encodeURI()、encodeURIComponent() difference

    escape() 方法: 采用ISO Latin字符集对指定的字符串进行编码.所有的空格符.标点符号.特殊字符以及其他非ASCII字符都将被转化成%xx格式的字符编码(xx等于该字符在字符集表里面的编 ...

  9. escape与encodeURI、encodeURIComponent的区别

    比较js中的escape.encodeURI.encodeURIComponent escape:     escape是会除@*_-+./以外的所有标点符号.空格符.特殊符及非ASC码的所有字符进行 ...

最新文章

  1. MySQL 5.1 分区技术初探(一)
  2. python数据挖掘入门与实战代码
  3. 深度揭秘!蚂蚁业务自定义监控大盘是怎么设计的?
  4. C语言的10大基础算法
  5. mysql从盘延迟_Mysql-主从延迟解决方法
  6. img绝对路径图片显示_使用python爬虫去风景图片网站批量下载图片
  7. oracle 左连接 权限,Oracle 左连接、右连接、全外连接、(+)号作用
  8. UISlider 设置增量
  9. 解决移动端 footer fixd 定位被键盘顶起来的方案
  10. C# 中的 ConfigurationManager类引用方法应用程序配置文件App.config的写法
  11. csdn下载频道积分规则
  12. python中index函数_python的index函数用法 详解python中的index函数用法
  13. Make sure that `gem install sqlite3 -v '1.3.13' --source 'https://rubygems.org/'` succeeds before...
  14. win7计算机u盘不显示盘符,win7系统识别U盘但不显示盘符该如何解决?
  15. Milvus带你实现轻松搭建以图搜图系统
  16. error: ‘CV_LOAD_IMAGE_UNCHANGED’ was not declared in this scope
  17. Desmos-可能是迄今为止最好用的免费Web端数学图像绘制工具
  18. 原生JS实现飞机大战游戏 超详细解析 快来做一个自己玩吧
  19. 机器学习——决策树+随机森林
  20. python找最长的单词,Python 找出英文单词列表(list)中最长单词链

热门文章

  1. java 日志接收服务器_Java SMTP 发信收不到, 日志显示服务器接收了
  2. python importsystem
  3. Pandas timedelta_range
  4. C语言 gcc 动态库
  5. java表达式语言种类_Java之语言控制语句
  6. echarts legend位置_一起读 ECharts 配置项手册之 series[i]-line(上)
  7. 领导逼走员工的新套路,一次就见效
  8. Oracle ERP流程概览
  9. 阿里云服务器18个数据中心测试IP地址以及测试方法
  10. IDC机房对接阿里云