一文詳解JavaScript的轉(zhuǎn)碼方式
更新時間：2023年09月07日 08:32:48 作者：編程三昧
JavaScript 轉(zhuǎn)碼是指將 JavaScript 代碼從一種編碼方式轉(zhuǎn)換為另一種編碼方式,常見的轉(zhuǎn)碼方式包括 URL 編碼和 Base64 編碼,解碼是前端比較常見的一種操作,本文就給大家講講JavaScript轉(zhuǎn)碼方式
解碼是前端比較常見的一種操作。
特殊符號是否編碼
- escape: 不編碼ASCII字母、數(shù)字、標(biāo)點符號"@ * _ + - . /"，對其他所有字符進(jìn)行編碼。
- encodeURI: 不編碼ASCII字母、數(shù)字、標(biāo)點符號"; / ? : @ & = + $ , #",對其他所有字符進(jìn)行編碼。
- encodeURIComponent: 對所有字符進(jìn)行編碼
轉(zhuǎn)碼結(jié)果
- escape: 輸出字符的Unicode編碼值
- encodeURI: 輸出符號的utf-8形式，并且在每個字節(jié)前加上%
- encodeURIComponent: 輸出符號的utf-8形式，并且在每個字節(jié)前加上%
tips:
- 但是我們知道，網(wǎng)頁在提交表單的時候，如果有空格，則會被轉(zhuǎn)化為+字符。服務(wù)器處理數(shù)據(jù)的時候，會把+號處理成空格。
注意點
為何解碼最好解兩次
例如筆者常用的解碼方式
function decode(str) {
var r = '';
try {
r = decodeURIComponent(decodeURIComponent(str));
}catch(e){
try {
r = decodeURIComponent(str);
} catch(e) {
try {
r = unescape(str); //Unicode
}catch(e) {
r = str;
}
}
}
return r;
}- 為什么捕抓異常: 其實decodeURIComponent是會有時候會爆異常的..這個屬于bug
- 為什么要嘗試兩次編碼、一次編碼、和無編碼: 因為防止服務(wù)端encode兩次、一次、或者無編碼
- 為什么要最后unescape,因為只有這個方法能解析Unicode編碼
到此這篇關(guān)于一文詳解JavaScript的轉(zhuǎn)碼方式的文章就介紹到這了,更多相關(guān)JavaScript轉(zhuǎn)碼方式內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
JsRender for index循環(huán)索引用法詳解
這篇文章主要介紹了JsRender for index循環(huán)索引用法,以實例形式詳細(xì)分析了JsRender中循環(huán)的用法,需要的朋友可以參考下2014-10-10
offsetleft屬性具有一定的兼容性問題，在IE7瀏覽器中，它的返回值是相對于最近的父類元素的左側(cè)的距離，本文通過代碼示例給大家介紹offsetleft兼容性問題，小伙伴們一起看看吧2015-11-11
一文帶你快速理解JavaScript中call()函數(shù)的使用
這篇文章主要為大家詳細(xì)介紹了JavaScript中call()函數(shù)的使用的相關(guān)知識，文中的示例代碼講解詳細(xì)，具有一定的學(xué)習(xí)價值，需要的可以參考一下2023-03-03
這篇文章主要為大家詳細(xì)介紹了javascript實現(xiàn)點擊按鈕變色，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
JavaScript調(diào)用堆棧及setTimeout使用方法深入剖析
Javascript中會經(jīng)常用到setTimeout來推遲一個函數(shù)的執(zhí)行并且會在執(zhí)行到這句話后延遲1秒鐘來彈出alert窗口，接下來將介紹一下JavaScript調(diào)用堆棧和setTimeout用法，感興趣的你可不要錯過了哈2013-02-02
JS動態(tài)的把左邊列表添加到右邊的實現(xiàn)代碼(可上下移動)
在javascript前端開發(fā)過程中經(jīng)常見到動態(tài)的把左邊列表添加到右邊，基于js代碼怎么實現(xiàn)的呢？今天小編通過本文給大家介紹下js 左邊列表添加到右邊的實現(xiàn)方法，感興趣的朋友一起看看吧2016-11-11
js嚴(yán)格模式和非嚴(yán)格模式區(qū)別小結(jié)
JavaScript嚴(yán)格模式通過更嚴(yán)格的規(guī)則提升代碼質(zhì)量,禁止全局變量、重復(fù)參數(shù)名及修改只讀屬性,非嚴(yán)格模式寬容但易引發(fā)靜默錯誤,下面就來介紹一下兩者的區(qū)別,感興趣的可以了解一下2025-07-07
今天小編就為大家分享一篇基于Layui自定義模塊的使用方法詳解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
Echarts中的clear()和dispose()用法實例
這篇文章主要給大家介紹了關(guān)于Echarts中clear()和dispose()用法的相關(guān)資料,clear和dispose是echarts提供的用于解決內(nèi)存溢出的方法 ,文中介紹的非常詳細(xì),需要的朋友可以參考下2023-10-10
這篇文章主要為大家詳細(xì)介紹了js動態(tài)生成表格，進(jìn)行節(jié)點操作，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-01-01