這篇文章主要介紹了如何通過JS實(shí)現(xiàn)轉(zhuǎn)碼與解碼,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下

escape 和 unescape

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

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

escape不編碼字符有69個(gè)：*，+，-，.，/，@，_，0-9，a-z，A-Z。

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

encodeURI 和 decodeURI

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

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

encodeURI()用于整個(gè)url編碼

encodeURIComponent 和 decodeURIComponent

與encodeURI()的區(qū)別是，它用于對(duì)URL的組成部分進(jìn)行個(gè)別編碼，而不用于對(duì)整個(gè)URL進(jìn)行編碼。

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

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

總結(jié)

escape編碼字符串

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

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

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

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

URL編碼encodeURI和encodeURIComponent

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

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

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

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

實(shí)際例子來說，encodeURIComponent會(huì)把 http:// 編碼成 http%3A%2F%2F 而encodeURI卻不會(huì)。

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

如果你需要編碼整個(gè)URL，然后需要使用這個(gè)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

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

當(dāng)需要編碼URL中的參數(shù)的時(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肯定要出問題，因?yàn)楹竺娴?是需要編碼的。

以上就是本文的全部內(nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。