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