JS對(duì)字符串編碼的幾種方式使用指南
函數(shù) 描述
encodeURI() 把字符串編碼為 URI
encodeURIComponent() 把字符串編碼為 URI 組件
escape() 對(duì)字符串進(jìn)行編碼
上面是查詢來(lái)自w3school的資料。那么三者之間有什么區(qū)別呢,請(qǐng)容我測(cè)試測(cè)試。
var str = "http://localhost:8080/Product/index?id=123&attr=456&area=中國(guó)";
console.log(encodeURI(str));
console.log(encodeURIComponent(str));
console.log(escape(str));
打印結(jié)果如下:
http://localhost:8080/Product/index?id=123&attr=456&area=%E4%B8%AD%E5%9B%BD
http%3A%2F%2Flocalhost%3A8080%2FProduct%2Findex%3Fid%3D123%26attr%3D456%26area%3D%E4%B8%AD%E5%9B%BD
http%3A//localhost%3A8080/Product/index%3Fid%3D123%26attr%3D456%26area%3D%u4E2D%u56FD
可以看出,
encodeURI不會(huì)對(duì):/?&等uri中起分割作用的字符進(jìn)行編碼;
encodeURIComponent則會(huì)。
觀察escape則發(fā)現(xiàn),:?&都被轉(zhuǎn)碼了,而/沒(méi)有,w3school解釋是,escape函數(shù)會(huì)對(duì)ascii碼中字母、數(shù)字及符號(hào)( * @ - _ + . / )之外的所有字符進(jìn)行編碼。
另外,我們可以看出escape對(duì)漢字“中國(guó)”編碼后結(jié)果與前兩者不同。W3SCHOOL也建議不使用該方法,用前兩者代替。
以上所述就是本文的全部?jī)?nèi)容了,希望對(duì)大家學(xué)習(xí)javascript能夠有所幫助。
相關(guān)文章
JS實(shí)現(xiàn)關(guān)閉當(dāng)前頁(yè)而不彈出提示框的方法
這篇文章主要介紹了JS實(shí)現(xiàn)關(guān)閉當(dāng)前頁(yè)而不彈出提示框的方法,結(jié)合實(shí)例形式分析了JS操作頁(yè)面的打開(kāi)、關(guān)閉及父頁(yè)面的關(guān)閉技巧,需要的朋友可以參考下2016-06-06微信小程序圖片加載失敗時(shí)替換為默認(rèn)圖片的方法
這篇文章主要介紹了微信小程序圖片加載失敗時(shí)替換為默認(rèn)圖片的方法,本文分情況通過(guò)實(shí)例代碼給大家講解,需要的朋友可以參考下2019-12-12BootStrap Table后臺(tái)分頁(yè)時(shí)前臺(tái)刪除最后一頁(yè)所有數(shù)據(jù)refresh刷新后無(wú)數(shù)據(jù)問(wèn)題
這篇文章主要介紹了BootStrap Table后臺(tái)分頁(yè)時(shí)前臺(tái)刪除最后一頁(yè)所有數(shù)據(jù)refresh刷新后無(wú)數(shù)據(jù)問(wèn)題,需要的朋友可以參考下2016-12-12Bootstrap中datetimepicker使用小結(jié)
這篇文章主要為大家詳細(xì)介紹了Bootstrap中datetimepicker的使用方法,一款功能強(qiáng)大的日期選擇控件,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-12-12如何消除inline-block屬性帶來(lái)的標(biāo)簽間間隙
這篇文章主要介紹了如何消除inline-block屬性帶來(lái)的標(biāo)簽間間隙的相關(guān)資料,需要的朋友可以參考下2016-03-03javascript時(shí)間自動(dòng)刷新實(shí)現(xiàn)原理與步驟
javascript時(shí)間自動(dòng)刷新在應(yīng)用中很常見(jiàn),本人今天整理了一些,感興趣的朋友可以參考下哦2013-01-01bootstrap table實(shí)現(xiàn)點(diǎn)擊翻頁(yè)功能 可記錄上下頁(yè)選中的行
這篇文章主要介紹了bootstrap table實(shí)現(xiàn)點(diǎn)擊翻頁(yè)功能,可記錄上下頁(yè)選中的行,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-09-09javaScript Array(數(shù)組)相關(guān)方法簡(jiǎn)述
javaScript Array(數(shù)組)相關(guān)方法簡(jiǎn)述,讓大家更快的熟悉array數(shù)組的用法。2009-07-07js利用數(shù)組length屬性清空和截短數(shù)組的小例子
這篇文章主要介紹了js利用數(shù)組length屬性清空和截短數(shù)組的小例子,有需要的朋友可以參考一下2014-01-01