最早的計(jì)算機(jī)只能使用ASCII字符，但隨著計(jì)算機(jī)應(yīng)用范圍的擴(kuò)展，很多國家都設(shè)計(jì)了用于計(jì)算機(jī)的特殊字符集，使自己國家和民族的字母及文字都能在計(jì)算機(jī)上顯示和處理，比如中國的GB2312碼。后來出現(xiàn)了互聯(lián)網(wǎng)，把整個(gè)世界都連了進(jìn)來，在一臺(tái)計(jì)算機(jī)甚至一個(gè)界面上顯示多國多民族文字變成現(xiàn)實(shí)的需要。國際組織制定了可以容納世界上所有文字和符號(hào)的字符編碼方案，稱為Unicode，是通用字符集Universal Character Set的縮寫，用以滿足跨語言、跨平臺(tái)進(jìn)行文本轉(zhuǎn)換、處理的要求，自從1994年發(fā)布，不斷進(jìn)行擴(kuò)展，目前已經(jīng)到了Version 10。

可以進(jìn)入網(wǎng)址https://www.unicode.org/查詢?cè)敿?xì)信息，包括下載最新版本的碼表。

在設(shè)計(jì)網(wǎng)頁時(shí)，就可以使用Unicode字符集，使用時(shí)根據(jù)是在HTML、CSS中，還是在JavaScript中，而有不同的方法。

1)HTML中使用：&#dddd;或&#xhhhh;

其中dddd表示4位10進(jìn)制數(shù)值，hhhh表示4位16進(jìn)制數(shù)值，兩種格式分別以&#及&#x為前綴，表示為10進(jìn)制碼或者16進(jìn)制的Unicode碼，都需要以分號(hào)為后綴。目前，使用4位16進(jìn)制碼的Unicode字符獲得比較好的支持，大多數(shù)都可以在網(wǎng)頁中正常顯示，但其他更多的Unicode字符往往還不能顯示出來，這是因?yàn)槭褂玫挠?jì)算機(jī)平臺(tái)還沒有安裝相關(guān)的Unicode支持。示例：
<p>顯示Unicode字符--?</p>
其中顯示了一個(gè)數(shù)學(xué)符號(hào)，Unicode碼為2230，可以使用“&#x2230;”或“&#8752;”來輸出這個(gè)特殊字符，然后就可以在頁面中顯示出來了。

2）CSS中使用：\hhhh

CSS中使用Unicode字符的場(chǎng)合比較少，但偶爾也會(huì)用到，一般是使用4位16進(jìn)制Unicode碼表示，前綴為反斜符。

3）JavaScript中使用：\uhhhh

JavaScript代碼中經(jīng)常會(huì)用到輸出特殊字符，如在某個(gè)元素中輸出溫度或角度符，使用希臘字母、羅馬數(shù)字等，只需要在4位Unicode的16進(jìn)制碼前面加上前綴“\u”即可。示例：

document.body.innerHTML="\u25D0";

其中使用了Unicode碼25D0，在幾何圖形表中，是一個(gè)圓形圖案，一般填充白色一半填充黑色，像半個(gè)月亮。

當(dāng)然，中國人最常見的使用Unicode碼的場(chǎng)合是用漢字。為了顯示更多的漢字，漢字庫先從GB2312擴(kuò)展到GBK，目前又?jǐn)U展到GB18030。最新版本的GB18030已經(jīng)收入7萬多個(gè)漢字，還包括各種少數(shù)民族文字，還有一些特殊字符，這個(gè)標(biāo)準(zhǔn)與Unicode碼方式是一致的。當(dāng)然，有些計(jì)算機(jī)未必安裝了完整的新版本的支持軟件，所以往往只能顯示一部分字符。

為了獲得一個(gè)漢字的Unicode碼，可以使用JavaScript函數(shù)charCodeAt()，例如：

var ucode="趙".charCodeAt();

這樣就把漢字“趙”的Unicode代碼存入變量ucode中，可以獲取得到Unicode碼為36213，這是一個(gè)十進(jìn)制的Unicode碼?？梢允褂胻oString(16)方法把這個(gè)10進(jìn)制碼轉(zhuǎn)為16進(jìn)制碼：

var ucode="趙".charCodeAt().toString(16);

這樣獲得的就是漢字“趙”的16進(jìn)制形式的Unicode碼，得到的值為8d75。

一般情況下輸出漢字，可以將包括漢字的字符串直接顯示。也可以使用漢字的Unicode碼輸出對(duì)應(yīng)的漢字或其他字符：

String.fromCharCode(36213);

這樣就將十進(jìn)制Unicode碼為36213的字符轉(zhuǎn)換為字符串，然后將此字符串輸出就會(huì)顯示漢字“趙”。因?yàn)闈h字可以使用輸入法直接得到字符串，所以這種方法往往用來輸出一些特殊字符。

把&#編碼轉(zhuǎn)換成字符

這是unicode編碼，編碼過程這樣：

比如要把“楊”編碼，我們可以新建一個(gè)記事本，輸入“楊”保存時(shí)選擇存為unicode編碼，然后查看文件二進(jìn)制內(nèi)容，前面的FF FE兩個(gè)字節(jié)是unicode編碼文件頭標(biāo)志，接著的68 67兩個(gè)字節(jié)就是“楊”的unicode編碼，用計(jì)算器換算為十進(jìn)制就是26472，現(xiàn)在可以在一個(gè)html文件里面寫入“楊”，IE打開就顯示一個(gè)“楊”字。

當(dāng)然，對(duì)于一般ASCII碼，unicode編碼與ASCII編碼一致，所以A可以顯示一個(gè)大寫字母“A”.

把&#編碼轉(zhuǎn)換成字符

function uncode(str) {
return str.replace(/&#(x)?([^&]{1,5});?/g, function (a, b, c) {
return String.fromCharCode(parseInt(c, b ? 16 : 10));
});
}

把字符轉(zhuǎn)換成&#編碼

function encode(str) {
var a = [], i = 0;
for (; i < str.length ;) a[i] = str.charCodeAt(i ++);
return "&#" + a.join(";&#") + ";";
}

到此這篇關(guān)于網(wǎng)頁中使用Unicode字符的介紹(&amp;#,\u等)的文章就介紹到這了,更多相關(guān)Unicode內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持腳本之家！

最新評(píng)論