背景
encodeURI 和 encodeURIComponent都是ECMA-262標(biāo)準(zhǔn)中定義的函數(shù),所有兼容這個(gè)標(biāo)準(zhǔn)的語(yǔ)言（如JavaScript, ActionScript）都會(huì)實(shí)現(xiàn)這兩個(gè)函數(shù)。它們都是用來(lái)對(duì)URI （RFC-2396）字符串進(jìn)行編碼的全局函數(shù)，但是它們的處理方式和使用場(chǎng)景有所不同。為了解釋它們的不同，我們首先需要理解RFC-2396中對(duì)于URI中的字符分類(lèi)
保留字符（reserved characters）：這類(lèi)字符是URI中的保留關(guān)鍵字符，它們用于分割URI中的各個(gè)部分。這些字符是：";" | "/" | "?" | ":" | "@" | "&" | "=" | "+" | "$" | ","
Mark字符（mark characters）：這類(lèi)字符在RFC-2396中特別定義，但是沒(méi)有特別說(shuō)明用途，可能是和別的RFC標(biāo)準(zhǔn)相關(guān)。 這些字符是："-" | "_" | "." | "!" | "~" | "*" | "'" | "(" | ")"
基本字符（alphanum characters）：這類(lèi)字符是URI中的主體部分，它包括所有的大寫(xiě)字母、小寫(xiě)字母和數(shù)字
在介紹完上面三類(lèi)字符串后，我們就非常容易來(lái)解釋encodeURI和encodeURIComponent函數(shù)的不同之處了：
encodeURI: 該函數(shù)對(duì)傳入字符串中的所有非（基本字符、Mark字符和保留字符）進(jìn)行轉(zhuǎn)義編碼（escaping）。所有的需要轉(zhuǎn)義的字符都按照UTF-8編碼轉(zhuǎn)化成為一個(gè)、兩個(gè)或者三個(gè)字節(jié)的十六進(jìn)制轉(zhuǎn)義字符（％xx）。例如，字符空格" "轉(zhuǎn)換成為"%20"。在這種編碼模式下面，需要編碼的ASCII字符用一個(gè)字節(jié)轉(zhuǎn)義字符代替，在\u0080和\u007ff之間的字符用兩個(gè)字節(jié)轉(zhuǎn)義字符代替，其他16為Unicode字符用三個(gè)字節(jié)轉(zhuǎn)義字符代替
encodeURIComponent: 該函數(shù)處理方式和encodeURI只有一個(gè)不同點(diǎn)，那就是對(duì)于保留字符同樣做轉(zhuǎn)義編碼。例如，字符":"被轉(zhuǎn)義字符"%3A"代替
之所以有上面兩個(gè)不同的函數(shù)，是因?yàn)槲覀冊(cè)趯?xiě)JS代碼的時(shí)候?qū)RI進(jìn)行兩種不同的編碼處理需求。encodeURI可以用來(lái)對(duì)完整的URI字符串進(jìn)行編碼處理。而encodeURIComponent可以對(duì)URI中一個(gè)部分進(jìn)行編碼，從而讓這一部分可以包含一些URI保留字符。這在我們?nèi)粘＞幊讨惺鞘钟杏玫?。比如下面的URI字符串：
http://www.mysite.com/send-to-friend.aspx?url=http://www.mysite.com/product.html
在這個(gè)URI字符串中。send-to-friend.aspx頁(yè)面會(huì)創(chuàng)建HTML格式的郵件內(nèi)容，里面會(huì)包含一個(gè)鏈接，這個(gè)鏈接的地址就是上面URI字符串中的url值。顯然上面的url值是URI中的一個(gè)部分，里面包含了URI保留關(guān)鍵字符。我們必須調(diào)用encodeURIComponent對(duì)它進(jìn)行編碼后使用，否則上面的URI字符串會(huì)被瀏覽器認(rèn)為是一個(gè)無(wú)效的URI。正確的URI應(yīng)該如下：
http://www.mysite.com/send-to-friend.aspx?url=http%3A%2F%2Fwww.mysite.com%2Fproduct.html
例子
encodeURI

上面的輸出如下：
my%20test.asp?name=st%C3%A5le&car=saab

encodeURIComponent

上面的輸出如下：
http%3A%2F%2Fjb51.net%2Fmy%20test.asp%3Fname%3Dst%C3%A5le%26car%3Dsaab
其他
在ECMA-262標(biāo)準(zhǔn)中還定義了和這兩個(gè)encode函數(shù)向?qū)?yīng)的decode全局函數(shù)，它們是decodeURI和decodeURIComponent。我們可以用它們來(lái)decode編碼后的字符串

最新評(píng)論