溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

怎么通過JS實現(xiàn)轉(zhuǎn)碼與解碼

發(fā)布時間:2021-02-01 11:50:16 來源:億速云 閱讀:333 作者:小新 欄目:web開發(fā)

這篇文章給大家分享的是有關(guān)怎么通過JS實現(xiàn)轉(zhuǎn)碼與解碼的內(nèi)容。小編覺得挺實用的,因此分享給大家做個參考,一起跟隨小編過來看看吧。

escape 和 unescape

escape()不能直接用于URL編碼,它的真正作用是返回一個字符的Unicode編碼值。

采用unicode字符集對指定的字符串除0-255以外進行編碼。所有的空格符、標(biāo)點符號、特殊字符以及更多有聯(lián)系非ASCII字符都將被轉(zhuǎn)化成%xx格式的字符編碼(xx等于該字符在字符集表里面的編碼的16進制數(shù)字)。比如,空格符對應(yīng)的編碼是%20。

escape不編碼字符有69個:*,+,-,.,/,@,_,0-9,a-z,A-Z。

escape()函數(shù)用于js對字符串進行編碼。

encodeURI 和 decodeURI

把URI字符串采用UTF-8編碼格式轉(zhuǎn)化成escape各式的字符串。

encodeURI不編碼字符有82個:!,#,$,&,',(,),*,+,,,-,.,/,:,;,=,?,@,_,~,0-9,a-z,A-Z

encodeURI()用于整個url編碼

encodeURIComponent 和 decodeURIComponent

與encodeURI()的區(qū)別是,它用于對URL的組成部分進行個別編碼,而不用于對整個URL進行編碼。

因此,"; / ? : @ & = + $ , #",這些在encodeURI()中不被編碼的符號,在encodeURIComponent()中統(tǒng)統(tǒng)會被編碼。至于具體的編碼方法,兩者是一樣。把URI字符串采用UTF-8編碼格式轉(zhuǎn)化成escape格式的字符串。

encodeURIComponent() 用于參數(shù)的傳遞,參數(shù)包含特殊字符可能會造成間斷。

總結(jié)

escape編碼字符串

簡單來說,escape是對字符串(string)進行編碼(而另外兩種是對URL),作用是讓它們在所有電腦上可讀。

編碼之后的效果是%XX或者%uXXXX這種形式。

其中 ASCII字母 數(shù)字 @*/+ 等字符不會被編碼,其余的都會。

最關(guān)鍵的是,當(dāng)需要對URL編碼時,忘記這個方法,這個方法是針對字符串使用的,不適用于URL。

URL編碼encodeURI和encodeURIComponent

對URL編碼是常見的事,所以這兩個方法應(yīng)該是實際中要特別注意的。它們都是編碼URL,唯一區(qū)別就是編碼的字符范圍,其中

encodeURI方法不會對下列字符編碼 ASCII字母 數(shù)字 ~!@#$&*()=:/,;?+'

encodeURIComponent方法不會對下列字符編碼 ASCII字母 數(shù)字 ~!*()'

所以encodeURIComponent比encodeURI編碼的范圍更大。

實際例子來說,encodeURIComponent會把 http:// 編碼成 http%3A%2F%2F 而encodeURI卻不會。

如果只是編碼字符串,不和URL有半毛錢關(guān)系,那么用escape。

如果你需要編碼整個URL,然后需要使用這個URL,那么用encodeURI。
比如

encodeURI(http://www.cnblogs.com/some other thing);

編碼結(jié)果:

http://www.cnblogs.com/some%20other%20thing

其中,空格被編碼成了%20。但是如果用了encodeURIComponent,那么結(jié)果變?yōu)?/p>

http%3A%2F%2Fwww.cnblogs.com%2Fseason-huang%2Fsome%20other%20thing

連 "/" 都被編碼了,整個URL已經(jīng)沒法用了。

當(dāng)需要編碼URL中的參數(shù)的時候,那么encodeURIComponent是最好方法

var param = "http://www.cnblogs.com/"; //param為參數(shù)
param = encodeURIComponent(param);
var url = "http://www.cnblogs.com?next=" + param;
console.log(url) //http://www.cnblogs.com?next=http%3A%2F%2Fwww.cnblogs.com%2F

參數(shù)中的 "/" 可以編碼,如果用encodeURI肯定要出問題,因為后面的/是需要編碼的。

感謝各位的閱讀!關(guān)于“怎么通過JS實現(xiàn)轉(zhuǎn)碼與解碼”這篇文章就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,讓大家可以學(xué)到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

js
AI