escape,encodeURI及encodeURIComponent的區(qū)別

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
   /**
    *   escape,encodeURI及encodeURIComponent的區(qū)別
    *   ----------------------------------------------
    *   為什么要對(duì)URI進(jìn)行編碼啰劲?
    *   例如URI “http://localhost:8080?name=sam&123”
    *
    **/

   /*
   為什么要對(duì)URI進(jìn)行編碼迁客?
   URL參數(shù)字符串中使用key=value鍵值對(duì)這樣的形式來(lái)傳參,
   鍵值對(duì)之間以&符號(hào)分隔摔敛,但是如果value里面包含了&廷蓉,服務(wù)器端會(huì)
   如何解析呢。
   */

   /*
    node server.js

    var http = require('http');
    var URL = require('url');
    http.createServer(function (req, res) {
    res.writeHead(200, {'Content-Type': 'application/json'});
    var params = URL.parse(req.url, true).query;
    res.end(JSON.stringify(params));
    }).listen(8080);
    console.log('Server running on port 8080.');
   */

   /*
    URL="http://localhost:8080/?name=sam&123"
    解析結(jié)果:{"123":"","name":"sam"}
    http://localhost:8080/?name=sam%26123
    解析結(jié)果:{"name":"sam&123"}
    經(jīng)過編碼后的URL解析結(jié)果是我們想要的马昙。
   */

    /*
     escape 對(duì)轉(zhuǎn)義字符串或者普通字符串進(jìn)行編碼
     ECMAScript v3 反對(duì)使用該方法桃犬,應(yīng)用使用 decodeURI() 和 decodeURIComponent() 替代它。
    */
    console.log(escape("\n"));
    //%0A
    console.log(escape("abc"));
    //abc
    /*
    unescape 解碼
    */
    console.log(unescape("%0A"));
    //換行
    console.log(unescape("abc"));
    //abc

    /*
     encodeURI
     函數(shù)是不會(huì)進(jìn)行轉(zhuǎn)義的:;/?:@&=+$,#
     提示:如果 URI 組件中含有分隔符行楞,比如 ? 和 #攒暇,則應(yīng)當(dāng)使用 encodeURIComponent() 方法分別對(duì)各組件進(jìn)行編碼。
     */
    console.log(encodeURI("http://www.w3school.com.cn"));
    //http://www.w3school.com.cn
    console.log(encodeURI("http://www.w3school.com.cn/My first/"));
    //http://www.w3school.com.cn/My%20first/
    console.log(encodeURI("http://www.w3school.com.cn?name=sam"));
    //http://www.w3school.com.cn?name=sam

    /*
     encodeURIComponent
     函數(shù)將轉(zhuǎn)義用于分隔URI各個(gè)部分的標(biāo)點(diǎn)符號(hào)子房。
     */
    console.log(encodeURIComponent("http://www.w3school.com.cn"));
    //http%3A%2F%2Fwww.w3school.com.cn
    console.log(encodeURIComponent("sam&123"));
    //sam%26123

</script>
</body>
</html>
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末形用,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子证杭,更是在濱河造成了極大的恐慌田度,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,265評(píng)論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件解愤,死亡現(xiàn)場(chǎng)離奇詭異镇饺,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)送讲,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,078評(píng)論 2 385
  • 文/潘曉璐 我一進(jìn)店門奸笤,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人李茫,你說我怎么就攤上這事揭保。” “怎么了魄宏?”我有些...
    開封第一講書人閱讀 156,852評(píng)論 0 347
  • 文/不壞的土叔 我叫張陵秸侣,是天一觀的道長(zhǎng)。 經(jīng)常有香客問我,道長(zhǎng)味榛,這世上最難降的妖魔是什么椭坚? 我笑而不...
    開封第一講書人閱讀 56,408評(píng)論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮搏色,結(jié)果婚禮上善茎,老公的妹妹穿的比我還像新娘。我一直安慰自己频轿,他們只是感情好垂涯,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,445評(píng)論 5 384
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著航邢,像睡著了一般耕赘。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上膳殷,一...
    開封第一講書人閱讀 49,772評(píng)論 1 290
  • 那天操骡,我揣著相機(jī)與錄音,去河邊找鬼赚窃。 笑死册招,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的勒极。 我是一名探鬼主播是掰,決...
    沈念sama閱讀 38,921評(píng)論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼河质!你這毒婦竟也來(lái)了冀惭?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,688評(píng)論 0 266
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤掀鹅,失蹤者是張志新(化名)和其女友劉穎散休,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體乐尊,經(jīng)...
    沈念sama閱讀 44,130評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡戚丸,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,467評(píng)論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了扔嵌。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片限府。...
    茶點(diǎn)故事閱讀 38,617評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖痢缎,靈堂內(nèi)的尸體忽然破棺而出胁勺,到底是詐尸還是另有隱情,我是刑警寧澤独旷,帶...
    沈念sama閱讀 34,276評(píng)論 4 329
  • 正文 年R本政府宣布署穗,位于F島的核電站寥裂,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏案疲。R本人自食惡果不足惜封恰,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,882評(píng)論 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望褐啡。 院中可真熱鬧诺舔,春花似錦、人聲如沸备畦。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,740評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)懂盐。三九已至逸嘀,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間允粤,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,967評(píng)論 1 265
  • 我被黑心中介騙來(lái)泰國(guó)打工翼岁, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留类垫,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,315評(píng)論 2 360
  • 正文 我出身青樓琅坡,卻偏偏與公主長(zhǎng)得像悉患,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子榆俺,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,486評(píng)論 2 348

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

  • 項(xiàng)目過程中售躁,想到這幾個(gè)概念的區(qū)別有些模糊,于是縱觀各種資料茴晋,來(lái)篇博文為自己記錄下陪捷,也為小伙伴們說說我的理解。 [c...
    羅小耳閱讀 3,869評(píng)論 4 13
  • 98年诺擅,那年法國(guó)世界杯市袖。我只知道湖北黃岡,我只知道巴西和大羅烁涌。但是最后巴西卻輸給了法國(guó)苍碟,我那時(shí)覺得,一定是有黑幕撮执,...
    MR27149閱讀 205評(píng)論 0 1
  • 1. 室友L這兩天趁周末回宿舍了微峰,她在某市的一所小學(xué)里已經(jīng)實(shí)習(xí)了一個(gè)月。和她坐在食堂里聊天時(shí)抒钱,我才了解到蜓肆,原來(lái)出去...
    開要心閱讀 539評(píng)論 0 3
  • ——她不再和誰(shuí)談?wù)撓喾甑墓聧u,因?yàn)樾睦镌缫鸦臒o(wú)人煙厉颤。 第一次見面的時(shí)候穴豫,她散著頭發(fā),一個(gè)人靜靜地收拾自己的東...
    丫丫_Amanda閱讀 335評(píng)論 0 1
  • 有時(shí)候我很難想象自己30歲是什么樣子逼友,對(duì)待生活是什么態(tài)度精肃,對(duì)待家庭婚姻是什么心態(tài),對(duì)待事業(yè)是不是還是這么認(rèn)真帜乞,對(duì)待...
    我是莯心閱讀 1,311評(píng)論 0 2