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)文章
uniapp微信小程序訂閱消息發(fā)送服務(wù)通知超詳細(xì)教程
在使用或開(kāi)發(fā)小程序過(guò)程中,我們會(huì)發(fā)現(xiàn)消息通知是非常重要的一個(gè)環(huán)節(jié),下面這篇文章主要給大家介紹了關(guān)于uniapp微信小程序訂閱消息發(fā)送服務(wù)通知的相關(guān)資料,需要的朋友可以參考下2023-06-06
javascript 二進(jìn)制運(yùn)算技巧解析
javascript 中的二進(jìn)制運(yùn)算的一些技巧，曬出來(lái)和你們分享一下，希望可以幫助你們2012-11-11
javascript類型系統(tǒng) Array對(duì)象學(xué)習(xí)筆記
這篇文章主要介紹了javascript類型系統(tǒng)之Array對(duì)象，整理關(guān)于Array對(duì)象的學(xué)習(xí)筆記，感興趣的小伙伴們可以參考一下2016-01-01
JS實(shí)現(xiàn)移動(dòng)端整屏滑動(dòng)的實(shí)例代碼
本文通過(guò)實(shí)例代碼給大家分享了基于js 實(shí)現(xiàn)移動(dòng)端整屏滑動(dòng)效果，基本思路是檢測(cè)手指滑動(dòng)方向，獲取手指抬起時(shí)的位置，減去手指按下時(shí)的位置，得正即為向下滑動(dòng)了，具體實(shí)現(xiàn)代碼大家參考下本文2017-11-11
詳解微信小程序（Taro）手動(dòng)埋點(diǎn)和自動(dòng)埋點(diǎn)的實(shí)現(xiàn)
這篇文章主要介紹了詳解微信小程序（Taro）手動(dòng)埋點(diǎn)和自動(dòng)埋點(diǎn)的實(shí)現(xiàn)，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-03-03
JS寫XSS cookie stealer來(lái)竊取密碼的步驟詳解
JavaScript是web中最常用的腳本開(kāi)發(fā)語(yǔ)言，js可以自動(dòng)執(zhí)行站點(diǎn)組件，管理站點(diǎn)內(nèi)容，在web業(yè)內(nèi)實(shí)現(xiàn)其他有用的函數(shù)。這篇文章主要介紹了JS寫XSS cookie stealer來(lái)竊取密碼的步驟詳解,需要的朋友可以參考下2017-11-11
這篇文章主要為大家詳細(xì)介紹了微信小程序下拉框組件使用方法，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
Textbox控件注冊(cè)回車事件及觸發(fā)按鈕提交事件具體實(shí)現(xiàn)
Lyncplus客戶端中訪問(wèn)Web頁(yè)面時(shí)遇到了TextBox控件回車自動(dòng)完成按鈕的提交事件失效的情況,于是上網(wǎng)查找相關(guān)的介紹最終解決了這兩個(gè)問(wèn)題，感興趣的你可以參考下或許對(duì)你有所幫助2013-03-03
這篇文章主要給大家介紹在JavaScript中如何解決用execCommand("SaveAS")保存頁(yè)面兼容性問(wèn)題，設(shè)計(jì)到execCommand兼容性問(wèn)題，感興趣的朋友可以參考下本篇文章2015-10-10
js打造數(shù)組轉(zhuǎn)json函數(shù)
這里給大家分享的是一段使用js實(shí)現(xiàn)數(shù)組轉(zhuǎn)換成json的函數(shù)代碼，代碼簡(jiǎn)潔易懂，并附上了使用方法，小伙伴們拿去試試。2015-01-01