encodeURI()、encodeURIComponent()区别及使用场景

1 区别

1.1 `encodeURI()`

encodeURI()通常用于转码整个 URL，不会对URL 元字符以及语义字符进行转码，URL元字符：

URL 元字符：分号（;），逗号（,），斜杠（/），问号（?），冒号（:），at（@），&，等号（=），加号（+），美元符号（$），井号（#）

语义字符：a-z，A-Z，0-9，连词号（-），下划线（_），点（.），感叹号（!），波浪线（~），星号（*），单引号（'），圆括号（()）

1.2 `encodeURIComponent()`

encodeURIComponent()通常只用于转码URL组成部分，如URL中?后的一串；会转码除了语义字符之外的所有字符，即元字符也会被转码
注：若整个链接被encodeURIComponent()转码，则该链接无法被浏览器访问，需要解码之后才可以正常访问。

2 使用场景

对于无特殊参数的链接，都可以使用encodeURI()进行转码，那什么特殊情况需要用到encodeURIComponent()呢？通常是链接带着一些特殊参数的时候，就比如以下链接：

https://www.baidu.com/s?returnURL=http://www.test.com/

链接内包含一个回调地址，回调地址是另外一个URL，此时我们就需要使用encodeURIComponent()对回调地址进行转码，这样一来，URL中就不会出现多个http://，多个&这样的特殊字符；方便对回调地址进行处理；以上链接处理如下：

// 对URL中的回调链接进行转码
'https://www.baidu.com/s?returnURL=' +encodeURIComponent('http://www.test.com/')
//输出: "https://www.baidu.com/s?returnURL=http%3A%2F%2Fwww.test.com%2F"

参考博客：URL 编码与解码使用详解

encodeURI()、encodeURIComponent()区别及使用场景相关推荐

encodeURI encodeURIComponent 的区别，和使用场景
encodeURI encodeURIComponent 的区别,和使用场景一. ncodeURI 和 encodeURIComponent 之前一直不了解这两个的区别,现在知道了: encodeU ...
escape()、encodeURI()、encodeURIComponent()区别详解
JavaScript中有三个可以对字符串编码的函数,分别是: escape,encodeURI,encodeURIComponent,相应3个解码函数:unescape,decodeURI,decod ...
JS 字符串编码函数（解决URL特殊字符传递问题）：escape()、encodeURI()、encodeURIComponent()区别详解...
转:http://www.cnblogs.com/qiantuwuliang/archive/2009/07/19/1526687.html //该方法不会对 ASCII 字母和数字进行编码,也不会对 ...
js符号转码_JS 字符串编码函数（解决URL特殊字符传递问题）：escape()、encodeURI()、encodeURIComponent()区别详解...
转:http://www.cnblogs.com/qiantuwuliang/archive/2009/07/19/1526687.html //该方法不会对 ASCII 字母和数字进行编码,也不会对 ...
JS 字符串编码函数（解决URL特殊字符传递问题）：escape()、encodeURI()、encodeURIComponent()区别详解
JS 字符串编码函数(解决URL特殊字符传递问题):escape().encodeURI().encodeURIComponent()区别详解参考文章: (1)JS 字符串编码函数(解决URL特殊字 ...
escape()、encodeURI()、encodeURIComponent()区别
JavaScript中有三个可以对字符串编码的函数,分别是: escape,encodeURI,encodeURIComponent,相应3个解码函数:unescape,decodeURI,decod ...
escape,encodeURI,encodeURIComponent有什么区别？
一.escape escape是对字符串进行编码,使得可以在所有的电脑上可读,但是encodeURI和encodeURIComponent是对URL进行编码的.escape和后两者几乎没关系. esc ...
url的三个js编码函数escape(),encodeURI(),encodeURIComponent()简介
转载地址:http://www.haorooms.com/post/js_escape_encodeURIComponent 引子浏览器URl地址,上网一定会用到,但是浏览器地址有中文或者浏览器ur ...
url的三个js编码函数escape(),encodeURI(),encodeURIComponent()简介【转】
引子浏览器URl地址,上网一定会用到,但是浏览器地址有中文或者浏览器url参数操作的时候,经常会用到encodeURIComponent()和decodeURIComponent()以及encode ...

encodeURI()、encodeURIComponent()区别及使用场景

1 区别

1.1 `encodeURI()`

1.2 `encodeURIComponent()`

2 使用场景

encodeURI()、encodeURIComponent()区别及使用场景相关推荐

最新文章

热门文章

encodeURI()、encodeURIComponent()区别及使用场景

1 区别

1.1 encodeURI()

1.2 encodeURIComponent()

2 使用场景

encodeURI()、encodeURIComponent()区别及使用场景相关推荐

最新文章

热门文章

1.1 `encodeURI()`

1.2 `encodeURIComponent()`