js之encodeURI、encodeURIComponent、decodeURI、decodeURIComponent
encodeURI、encodeURIComponent、decodeURI、decodeURIComponent
js 對(duì)文字進(jìn)行編碼涉及2個(gè)函數(shù):encodeURI,encodeURIComponent,相應(yīng)2個(gè)解碼函數(shù):decodeURI,decodeURIComponent
用來(lái)編碼和解碼URI的
統(tǒng)一資源標(biāo)識(shí)符,或叫做 URI,是用來(lái)標(biāo)識(shí)互聯(lián)網(wǎng)上的資源(例如,網(wǎng)頁(yè)或文件)和怎樣訪問(wèn)這些資源的傳輸協(xié)議(例如,HTTP 或 FTP)的字符串。
encodeURI 和 decodeURI 函數(shù)操作的是完整的 URI;這倆函數(shù)的URI 中的任何保留字符都有特殊意義,所有不會(huì)編碼它們。
encodeURI主要用于直接賦值給地址欄時(shí)候:
location.href=encodeURI("http://www.cnblogs.com/Tezml/");encodeURIComponent 和 decodeURIComponent 函數(shù)操作的是組成 URI 的個(gè)別組件;encodeURIComponent 的作用:將文本字符串編碼為一個(gè)有效的統(tǒng)一資源標(biāo)識(shí)符 (URI)。這倆函數(shù)假定任何保留字符都代表普通文本,所以必須編碼它們,所以它們(保留字符)出現(xiàn)在一個(gè)完整 URI 的組件里面時(shí)不會(huì)被解釋成保留字符了。
原因:如果 username = 'a&foo=boo' 而不用 encodeURIComponent 的話(huà),整個(gè)參數(shù)就成了 name=a&foo=boo, 這樣 CGI 就獲得兩個(gè)參數(shù) name 和 foo. 這不是我們想要的。
Javascript 里還有個(gè)同樣功能的函數(shù) encodeURI, 但是此方法不會(huì)對(duì)下列字符進(jìn)行編碼:":"、"/"、";" 和 "?"。
傳遞參數(shù)時(shí)需要使用encodeURIComponent
這樣組合的url才不會(huì)被#等特殊字符截?cái)唷?/p>
例如:
<script language="javascript">document.write('<a href="http://passport.baidu.com/?logout&aid=7& u='+encodeURIComponent(" rel="external nofollow" ?rel="external nofollow" http://cang.baidu.com/bruce42")+'">退出</a& gt;');</script><script language="javascript">document.write('<a href="http://passport.baidu.com/?logout&aid=7& u='+encodeURIComponent(" rel="external nofollow" rel="external nofollow" http://cang.baidu.com/bruce42")+'">退出</a& gt;');</script>decodeURI()和decodeURIComponent()這兩個(gè)函數(shù)可以對(duì)特定函數(shù)生成的密碼字符串進(jìn)行解密操作,就可以生成為未解密的字符串,比較實(shí)用,
decodeURI()定義和用法
decodeURI() 函數(shù)可對(duì) encodeURI() 函數(shù)編碼過(guò)的URI 進(jìn)行解碼。
語(yǔ)法:decodeURI(URIstring)
參數(shù) 描述:URIstring 必需。一個(gè)字符串,含有要解碼的 URI 或其他要解碼的文本。
返回值:URIstring 的副本,其中的十六進(jìn)制轉(zhuǎn)義序列將被它們表示的字符替換。
decodeURIComponent()定義和用法
decodeURIComponent() 函數(shù)可對(duì) encodeURIComponent() 函數(shù)編碼的 URI 進(jìn)行解碼。
語(yǔ)法:decodeURIComponent(URIstring)
參數(shù) 描述:URIstring 必需。一個(gè)字符串,含有編碼 URI 組件或其他要解碼的文本。
返回值:URIstring 的副本,其中的十六進(jìn)制轉(zhuǎn)義序列將被它們表示的字符替換。
URL傳參中的字符加密及解碼方式
encodeURI/decodeURI、encodeURIComponent/decodeURIComponent 這四個(gè)方法的用處
都是用來(lái)編碼和解碼URI的。
encodedURI
函數(shù)通過(guò)將特定字符的每個(gè)實(shí)例替換為一個(gè)、兩個(gè)、三或四轉(zhuǎn)義序列來(lái)對(duì)統(tǒng)一資源標(biāo)識(shí)符 (URI) 進(jìn)行編碼 (該字符的 UTF-8 編碼僅為四轉(zhuǎn)義序列)由兩個(gè) "代理" 字符組成)。encodeURI 自身無(wú)法產(chǎn)生能適用于HTTP GET 或 POST 請(qǐng)求的URI,例如對(duì)于 XMLHTTPRequests, 因?yàn)?"&", "+", 和 "=" 不會(huì)被編碼,然而在 GET 和 POST 請(qǐng)求中它們是特殊字符。然而encodeURIComponent這個(gè)方法會(huì)對(duì)這些字符編碼。
decodeURI
函數(shù)解碼一個(gè)由encodeURI 先前創(chuàng)建的統(tǒng)一資源標(biāo)識(shí)符(URI)或類(lèi)似的例程。
encodeURIComponent
是對(duì)統(tǒng)一資源標(biāo)識(shí)符(URI)的組成部分進(jìn)行編碼的方法。它使用一到四個(gè)轉(zhuǎn)義序列來(lái)表示字符串中的每個(gè)字符的UTF-8編碼(只有由兩個(gè)Unicode代理區(qū)字符組成的字符才用四個(gè)轉(zhuǎn)義字符編碼)。轉(zhuǎn)義除了字母、數(shù)字、(、)、.、!、~、*、'、-和_之外的所有
decodeURIComponent
方法用于解碼由 encodeURIComponent 方法或者其它類(lèi)似方法編碼的部分統(tǒng)一資源標(biāo)識(shí)符(URI)。
若解碼字符串包含%,則會(huì)報(bào)錯(cuò)

原因如下:

escape/unescape函數(shù)對(duì)字符串進(jìn)行編碼。
此函數(shù)使字符串具有可移植性,這樣它就可以通過(guò)任何網(wǎng)絡(luò)傳輸?shù)饺魏沃С?ASCII 字符的計(jì)算機(jī)。
此函數(shù)對(duì)特殊字符進(jìn)行編碼,但以下字符除外: * @ - _ + . /
心得:
當(dāng)你需要轉(zhuǎn)碼/解碼的URL是需要一個(gè)完整、可直接訪問(wèn)的URL時(shí),應(yīng)該使用encodeURI/decodeURI; 當(dāng)你需要轉(zhuǎn)碼/解碼的URL是作為鏈接的一部分,比如用作參數(shù)的情況,應(yīng)該使用encodeURIComponent/decodeURIComponent,針對(duì)用encodeURIComponent/decodeURIComponent時(shí)解析‘%’報(bào)錯(cuò)推薦使用escape/unescape函數(shù)可以避免頁(yè)面報(bào)錯(cuò)
總結(jié)
以上為個(gè)人經(jīng)驗(yàn),希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
Javascript設(shè)計(jì)模式之觀察者模式(推薦)
觀察者模式有時(shí)也稱(chēng)為發(fā)布--訂閱模式,在觀察者模式中,有一個(gè)觀察者可以管理所有的目標(biāo),等到有狀態(tài)發(fā)生改變的時(shí)候發(fā)出通知2016-03-03
解決微信內(nèi)置瀏覽器返回上一頁(yè)強(qiáng)制刷新問(wèn)題方法
微信內(nèi)置瀏覽器在返回上一頁(yè)面,且上一頁(yè)面包含AJAX代碼時(shí),頁(yè)面就會(huì)被強(qiáng)制刷新,極度影響用戶(hù)體驗(yàn)。而我們想要的效果是:返回上一頁(yè)面時(shí),頁(yè)面還停留在原來(lái)的狀態(tài),AJAX獲取到的數(shù)據(jù)還在,滾動(dòng)條也在原來(lái)的位置。下面跟著小編一起來(lái)看下吧2017-02-02
簡(jiǎn)單實(shí)現(xiàn)js倒計(jì)時(shí)功能
這篇文章主要為大家詳細(xì)介紹了js倒計(jì)時(shí)效果的實(shí)現(xiàn)代碼,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-02-02
js使用正則表達(dá)式對(duì)身份證號(hào)的判斷
這篇文章主要給大家介紹了關(guān)于js使用正則表達(dá)式對(duì)身份證號(hào)的判斷的相關(guān)資料,在用戶(hù)注冊(cè)頁(yè)面有些需求要求的比較嚴(yán)格,需要對(duì)身份證驗(yàn)證是否合法,通過(guò)此功能?chē)?yán)格此系統(tǒng)軟件,從而過(guò)濾到很多,需要的朋友可以參考下2023-08-08
JavaScript詞法作用域與調(diào)用對(duì)象深入理解
關(guān)于 Javascript 的函數(shù)作用域、調(diào)用對(duì)象和閉包之間的關(guān)系很微妙,關(guān)于它們的文章已經(jīng)有很多,本文做了一些總結(jié),需要的朋友可以參考下2012-11-11
JavaScript實(shí)現(xiàn)飛舞的泡泡效果
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)飛舞的泡泡效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-02-02
小程序封裝wx.request請(qǐng)求并創(chuàng)建接口管理文件的實(shí)現(xiàn)
這篇文章主要介紹了小程序封裝wx.request請(qǐng)求并創(chuàng)建接口管理文件2019-04-04
深入學(xué)習(xí)js函數(shù)的隱式參數(shù) arguments 和 this
這篇文章主要介紹了 深入學(xué)習(xí)js函數(shù)的隱式參數(shù) arguments 和 this,arguments是一個(gè)類(lèi)數(shù)組結(jié)構(gòu),它保存了調(diào)用時(shí)傳遞給函數(shù)的所有實(shí)參;this是函數(shù)執(zhí)行時(shí)的上下文對(duì)象, 這個(gè)對(duì)象有些讓人感到困惑的行為。 下面分別對(duì)他們進(jìn)行討論。,需要的朋友可以參考下2019-06-06

