一、字符集

1）字符與字節(jié)（Character）

字符是各種文字和符號(hào)的總稱，包括亂碼；一個(gè)字符對(duì)應(yīng)1~n個(gè)字節(jié)，一字節(jié)對(duì)應(yīng)8位，每位用0或1表示。

2）字符集（Character Set）

字符集是多個(gè)字符的集合，每個(gè)字符集包含的字符個(gè)數(shù)不同，常見字符集名稱：ASCII字符集、GB2312字符集、Unicode字符集等。

3）字符集編碼（Character Encoding）

字符集編碼就是將符號(hào)轉(zhuǎn)換為計(jì)算機(jī)可讀的二進(jìn)制，解碼就是把二進(jìn)制轉(zhuǎn)換為人類可讀的符號(hào)。

字符集大多對(duì)應(yīng)一種編碼方式（例如GBK對(duì)應(yīng)GBK編碼），但Unicode編碼有多種，包括UTF-8、UTF-16、UTF-32和UTF-7。

目前網(wǎng)頁(yè)用的最多的就是“UTF-8”，UTF-8使用一至四個(gè)字節(jié)為每個(gè)字符編碼，是ASCII的一個(gè)超集，所以現(xiàn)存的ASCII文本不需要轉(zhuǎn)換

二、瀏覽器進(jìn)制

1）HTML屬性中使用十進(jìn)制和十六進(jìn)制

十進(jìn)制在HTML中可使用“8”，十六進(jìn)制，則使用“Z”，比十進(jìn)制多了個(gè)x，進(jìn)制碼中也多了a～f這6個(gè)字符來(lái)表示10~15。

2）CSS屬性中使用十進(jìn)制和十六進(jìn)制

CSS兼容HTML的進(jìn)制形式，除此之外，十六進(jìn)制還可以使用“\6c”的形式來(lái)表示。

3）JavaScript編碼封裝

可以直接通過(guò)eval執(zhí)行字符串八進(jìn)制和十六進(jìn)制兩種編碼方式，其中八進(jìn)制用“\56”表示，十六進(jìn)制用“\x5c”表示。

如果代碼中應(yīng)用了漢字并且需要進(jìn)行進(jìn)制編碼，那么只能進(jìn)行十六進(jìn)制Unicode編碼，其表示形式為：“\u4ee3\u7801”。

在“Web前端黑客技術(shù)揭秘”中經(jīng)封裝了兩個(gè)方法來(lái)做編碼和解碼，主要用到了下面兩個(gè)方法，具體代碼可查看此處。

核心代碼是：“str.charCodeAt(char).toString(進(jìn)制)”與“String.fromCharCode(parseInt(code,進(jìn)制))”

charCodeAt() 方法返回0到65535之間的整數(shù)，表示給定索引處的UTF-16代碼單元

靜態(tài)String.fromCharCode() 方法返回使用指定的Unicode值序列創(chuàng)建的字符串。

還可以通過(guò)一個(gè)在線網(wǎng)頁(yè)進(jìn)行編碼解碼“MonyerJS”。

4）HTML自動(dòng)解碼機(jī)制

例如在網(wǎng)頁(yè)中輸入16進(jìn)制的“Hello”，自動(dòng)就會(huì)解碼為“hello”。

還有一些比較熟知的空格“ ”也是這種機(jī)制。

三、瀏覽器編碼

JavaScript中有三對(duì)可以對(duì)字符串編碼解碼的函數(shù)，分別是：

escape/unescape、encodeURI/decodeURI、encodeURIComponent/decodeURIComponent。

主要的區(qū)別還是不編碼的字符個(gè)數(shù)。

1）escape不編碼的字符有69個(gè)

*、+、-、.、/、@、_、0～9、a～z、A～Z而且escape對(duì)0～255以外的unicode值進(jìn)行編碼時(shí)輸出%u****格式。

2）encodeURI不編碼的字符有82個(gè)

!、#、$、&、'、(、)、*、+、,、-、.、/、:、;、=、?、@、_、~、0～9、a～z、A～Z

3）encodeURIComponent不編碼的字符有71個(gè)

!、'、(、)、*、-、.、_、~、0～9、a～z、A～Z

最新評(píng)論