4.encodeURI肥荔、encodeURIComponent、decodeURI朝群、decodeURIComponent的區(qū)別

一燕耿、前言

統(tǒng)一資源標(biāo)識(shí)符,或叫做 URI姜胖,是用來標(biāo)識(shí)互聯(lián)網(wǎng)上的資源(例如誉帅,網(wǎng)頁或文件)和怎樣訪問這些資源的傳輸協(xié)議(例如,HTTP 或 FTP)的字符串右莱。除了encodeURI蚜锨、encodeURIComponent、decodeURI隧出、decodeURIComponent四個(gè)用來編碼和解碼 URI 的函數(shù)之外 ECMAScript 語言自身不提供任何使用 URL 的支持踏志。

二、URI組成形式

一個(gè) URI 是由組件分隔符分割的組件序列組成胀瞪。其一般形式是:

Scheme : First / Second ; Third ? Fourth

其中斜體的名字代表組件针余;“:”, “/”, “;”饲鄙,“?”是當(dāng)作分隔符的保留字符

三、區(qū)別

encodeURIdecodeURI 函數(shù)操作的是完整的 URI圆雁;這倆函數(shù)假定 URI 中的任何保留字符都有特殊意義忍级,所有不會(huì)編碼它們。

encodeURIComponentencodeURIComponent函數(shù)操作的是組成 URI 的個(gè)別組件伪朽;這倆函數(shù)假定任何保留字符都代表普通文本轴咱,所以必須編碼它們,所以它們(保留字符)出現(xiàn)在一個(gè)完整 URI 的組件里面時(shí)不會(huì)被解釋成保留字符了烈涮。

var uri = "http://xx/#/y?a=1%&b=我";
var string1 = encodeURI(uri);
var string2 = encodeURIComponent(uri);
console.log(string1);//http://xx/#/y?a=1%25&b=%E6%88%91
console.log(string2);//http%3A%2F%2Fxx%2F%23%2Fy%3Fa%3D1%25%26b%3D%E6%88%91

這也正是可以對(duì)整個(gè)URI使用encodeURI()朴肺,而只能對(duì)附加在現(xiàn)有URI后面的字符串使用encodeURIComponent()的原因所在。一般來說,我們使用encodeURIComponent()方法的時(shí)候要比使用encodeURI()更多,因?yàn)樵趯?shí)踐中更常見的是對(duì)查詢字符串參數(shù)而不是對(duì)基礎(chǔ)URL進(jìn)行編碼.

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末坚洽,一起剝皮案震驚了整個(gè)濱河市戈稿,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌讶舰,老刑警劉巖鞍盗,帶你破解...
    沈念sama閱讀 216,496評(píng)論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異跳昼,居然都是意外死亡般甲,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,407評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門鹅颊,熙熙樓的掌柜王于貴愁眉苦臉地迎上來敷存,“玉大人,你說我怎么就攤上這事挪略±悖” “怎么了滔岳?”我有些...
    開封第一講書人閱讀 162,632評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵杠娱,是天一觀的道長。 經(jīng)常有香客問我谱煤,道長摊求,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,180評(píng)論 1 292
  • 正文 為了忘掉前任刘离,我火速辦了婚禮室叉,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘硫惕。我一直安慰自己茧痕,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,198評(píng)論 6 388
  • 文/花漫 我一把揭開白布恼除。 她就那樣靜靜地躺著踪旷,像睡著了一般曼氛。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上令野,一...
    開封第一講書人閱讀 51,165評(píng)論 1 299
  • 那天舀患,我揣著相機(jī)與錄音,去河邊找鬼气破。 笑死聊浅,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的现使。 我是一名探鬼主播低匙,決...
    沈念sama閱讀 40,052評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼碳锈!你這毒婦竟也來了努咐?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,910評(píng)論 0 274
  • 序言:老撾萬榮一對(duì)情侶失蹤殴胧,失蹤者是張志新(化名)和其女友劉穎渗稍,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體团滥,經(jīng)...
    沈念sama閱讀 45,324評(píng)論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡竿屹,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,542評(píng)論 2 332
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了灸姊。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片拱燃。...
    茶點(diǎn)故事閱讀 39,711評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖力惯,靈堂內(nèi)的尸體忽然破棺而出碗誉,到底是詐尸還是另有隱情,我是刑警寧澤父晶,帶...
    沈念sama閱讀 35,424評(píng)論 5 343
  • 正文 年R本政府宣布哮缺,位于F島的核電站,受9級(jí)特大地震影響甲喝,放射性物質(zhì)發(fā)生泄漏尝苇。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,017評(píng)論 3 326
  • 文/蒙蒙 一埠胖、第九天 我趴在偏房一處隱蔽的房頂上張望糠溜。 院中可真熱鬧,春花似錦直撤、人聲如沸非竿。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,668評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽红柱。三九已至侮东,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間豹芯,已是汗流浹背悄雅。 一陣腳步聲響...
    開封第一講書人閱讀 32,823評(píng)論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留铁蹈,地道東北人宽闲。 一個(gè)月前我還...
    沈念sama閱讀 47,722評(píng)論 2 368
  • 正文 我出身青樓,卻偏偏與公主長得像握牧,于是被迫代替她去往敵國和親容诬。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,611評(píng)論 2 353

推薦閱讀更多精彩內(nèi)容

  • 第5章 引用類型(返回首頁) 本章內(nèi)容 使用對(duì)象 創(chuàng)建并操作數(shù)組 理解基本的JavaScript類型 使用基本類型...
    大學(xué)一百閱讀 3,233評(píng)論 0 4
  • ??引用類型的值(對(duì)象)是引用類型的一個(gè)實(shí)例。 ??在 ECMAscript 中颂龙,引用類型是一種數(shù)據(jù)結(jié)構(gòu)习蓬,用于將數(shù)...
    霜天曉閱讀 1,052評(píng)論 0 1
  • 第2章 基本語法 2.1 概述 基本句法和變量 語句 JavaScript程序的執(zhí)行單位為行(line),也就是一...
    悟名先生閱讀 4,145評(píng)論 0 13
  • 考前刷完了1988枫慷,留給我最深刻記憶的就是崔澤。 誰的生活里有這樣的天使呢浪规,笑起來整個(gè)世界都亮了或听。 都說他高智商低...
    意薄云水_閱讀 194評(píng)論 0 0
  • 她瞬間愣住。教室里笋婿,老師已經(jīng)開始講課誉裆,他卻站在門口,不懷好意地看著她萌抵。面對(duì)他油膩的眼神找御,她感到一陣反胃:“記我遲到...
    作家明至閱讀 786評(píng)論 0 1