怎么通過JS實現轉碼與解碼

這篇文章給大家分享的是有關怎么通過JS實現轉碼與解碼的內容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

十年的界首網站建設經驗，針對設計、前端、開發(fā)、售后、文案、推廣等六對一服務，響應快，48小時及時工作處理。營銷型網站建設的優(yōu)勢是能夠根據用戶設備顯示端的尺寸不同，自動調整界首建站的顯示方式，使網站能夠適用不同顯示終端，在瀏覽器中調整網站的寬度，無論在任何一種瀏覽器上瀏覽網站，都能展現優(yōu)雅布局與設計，從而大程度地提升瀏覽體驗。成都創(chuàng)新互聯從事“界首網站設計”,“界首網站推廣”以來，每個客戶項目都認真落實執(zhí)行。

escape 和 unescape

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

采用unicode字符集對指定的字符串除0-255以外進行編碼。所有的空格符、標點符號、特殊字符以及更多有聯系非ASCII字符都將被轉化成%xx格式的字符編碼（xx等于該字符在字符集表里面的編碼的16進制數字）。比如，空格符對應的編碼是%20。

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

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

encodeURI 和 decodeURI

把URI字符串采用UTF-8編碼格式轉化成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編碼格式轉化成escape格式的字符串。

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

總結

escape編碼字符串

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

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

其中 ASCII字母 數字 @*/+ 等字符不會被編碼，其余的都會。

最關鍵的是，當需要對URL編碼時，忘記這個方法，這個方法是針對字符串使用的，不適用于URL。

URL編碼encodeURI和encodeURIComponent

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

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

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

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

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

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

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

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

編碼結果：

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

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

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

連 "/" 都被編碼了，整個URL已經沒法用了。

當需要編碼URL中的參數的時候，那么encodeURIComponent是最好方法

var param = "http://www.cnblogs.com/"; //param為參數
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

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

感謝各位的閱讀！關于“怎么通過JS實現轉碼與解碼”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！

網站欄目：怎么通過JS實現轉碼與解碼
URL標題：http://muchs.cn/article40/pgdseo.html

成都網站建設公司_創(chuàng)新互聯，為您提供小程序開發(fā)、定制網站、微信公眾號、虛擬主機、網站導航、網站改版

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯