一、為什么要進行js編碼和解碼？
只有字母和數字[0-9a-zA-Z]、一些特殊符號“$-_.+!*'(),”[不包括雙引號]、以及某些保留字，才可以不經過編碼直接用於URL。
出現的情況：
網址路徑中包含漢字
在百度搜索百度百科。那么會出現。wd=百度等字樣。
我們打開火狐瀏覽器的開發者工具觀察發現，已經將漢字轉換成字符。
https://www.baidu.com/baidu?tn=monline_3_dg&ie=utf-8&wd=%E7%99%BE%E5%BA%A6%E7%99%BE%E7%A7%91
二、如何進行js編碼和解碼工作？
關於URL編碼/javascript/js url 編碼/url的三個js編碼函數 escape(), encodeURI(), encodeURIComponent() 。
我們可以直接在瀏覽器的控制台直接執行函數：
（1）Javascript函數：escape()
escape 方法：返回一個可在所有計算機上讀取的編碼 String 對象。
不會被此方法編碼的字符： @ * / +
實際上，escape()不能直接用於URL編碼，它的真正作用是返回一個字符的Unicode編碼值。比如“春節”的返回結果 是%u6625%u8282，也就是說在Unicode字符集中，“春”是第6625個（十六進制）字符，“節”是第8282個（十六進制）字符。
它的具體規則是，除了ASCII字母、數字、標點符號“@ * _ + - . /”以外，對其他所有字符進行編碼。在\u0000到\u00ff之間的符號被轉成%xx的形式，其余符號被轉成%uxxxx的形式。
還有兩個地方需要注意。
首先，無論網頁的原始編碼是什么，一旦被Javascript編碼，就都變為unicode字符。也就是說，Javascipt函數的輸入和輸出，默認都是Unicode字符。
例子：
編碼：
javascript:escape("春節");
解碼：
javascript:unescape("%u6625%u8282");
效果如下：
（2） Javascript函數：encodeURI()
encodeURI 方法：返回編碼為有效的統一資源標識符 (URI) 的字符串。
不會被此方法編碼的字符：! @ # $ & * ( ) = : / ; ? + '
encodeURI()是Javascript中真正用來對URL編碼的函數。
它着眼於對整個URL進行編碼，因此除了常見的符號以外，對其他一些在網址中有特殊含義的符號“; / ? : @ & = + $ , #”，也不進行編碼。編碼后，它輸出符號的utf-8形式，並且在每個字節前加上%。
例子：
編碼：
Javascript:encodeURI("春節");
解碼：
Javascript:decodeURI("%E6%98%A5%E8%8A%82");
效果如下：
（3）Javascript函數：encodeURIComponent()
最后一個Javascript編碼函數是encodeURIComponent()。與encodeURI()的區別是，它用於對URL的組成部分進行個別編碼，而不用於對整個URL進行編碼。
因此，“; / ? : @ & = + $ , #”，這些在encodeURI()中不被編碼的符號，在encodeURIComponent()中統統會被編碼。至於具體的編碼方法，兩者是一樣。
例子：
編碼：
Javascript:encodeURIComponent("春節");
解碼：
Javascript:decodeURIComponent("%E6%98%A5%E8%8A%82");
效果如下：
