JS驗(yàn)證全角與半角及相互轉(zhuǎn)化的介紹
1.什么是全角和半角?
全角:是一種電腦字符,是指一個全角字符占用兩個標(biāo)準(zhǔn)字符(或兩個半角字符)的位置。全角占兩個字節(jié)。
漢字字符和規(guī)定了全角的英文字符及國標(biāo)GB2312-80中的圖形符號和特殊字符都是全角字符。在全角中,字母和數(shù)字等與漢字一樣占據(jù)著等寬的位置。
半角:是指一個字符占用一個標(biāo)準(zhǔn)的字符位置。半角占一個字節(jié)。
半角就是 ASCII 方式的字符,在沒有漢字輸入法起作用的時候,輸入的字母、數(shù)字和字符都是半角的。
每個半角字符只占用一字節(jié)的空間(一字節(jié)有8位,共256個編碼空間)。漢語、日語、及朝鮮文等象形字語言的字庫量遠(yuǎn)大于256個編碼空間,所以改用兩個字節(jié)來儲存。同時,由于中日韓等象形文字的書寫習(xí)慣,如果統(tǒng)一使用全角字符的話,排列起來也顯得整齊。
為了排列整齊,英文和其它拉丁文的字符和標(biāo)點(diǎn)也提供了全角格式。
2.全角和半角的區(qū)別
全角和半角主要是針對標(biāo)點(diǎn)符號來說的,全角標(biāo)點(diǎn)占兩個字節(jié),半角占一個字節(jié)。不管是半角還是全角,漢字都要占兩個字節(jié)。
3.js判斷輸入的文字是全角還是半角?
str="中文;;a" alert(str.match(/[\u0000-\u00ff]/g)) //半角 alert(str.match(/[\u4e00-\u9fa5]/g)) //中文 alert(str.match(/[\uff00-\uffff]/g)) //全角
4.js對全角與半角的相互轉(zhuǎn)化
首先,先得明確以下信息:
a.全角空格為12288,半角空格為32
b.其他字符半角(33-126)與全角(65281-65374)的對應(yīng)關(guān)系是:均相差65248
半角轉(zhuǎn)化為全角
function ToDBC(txtstring) {
var tmp = "";
for(var i=0;i<txtstring.length;i++{
if(txtstring.charCodeAt(i)==32){
tmp= tmp+ String.fromCharCode(12288);
}
if(txtstring.charCodeAt(i)<127){
tmp=tmp+String.fromCharCode(txtstring.charCodeAt(i)+65248);
}
}
return tmp;
}
上面用到了js的charCodeAt() 方法與fromCharCode() 方法。
charCodeAt() 方法可返回指定位置的字符的 Unicode 編碼。這個返回值是 0 - 65535 之間的整數(shù)。
fromCharCode() 可接受一個指定的 Unicode 值,然后返回一個字符串。
想詳細(xì)的了解charCodeAt() 方法與fromCharCode()方法,可以點(diǎn)擊《JavaScript charCodeAt() 方法》與《JavaScript fromCharCode() 方法》。
全角轉(zhuǎn)換為半角
function ToCDB(str) {
var tmp = "";
for(var i=0;i<str.length;i++){
if (str.charCodeAt(i) == 12288){
tmp += String.fromCharCode(str.charCodeAt(i)-12256);
continue;
}
if(str.charCodeAt(i) > 65280 && str.charCodeAt(i) < 65375){
tmp += String.fromCharCode(str.charCodeAt(i)-65248);
}
else{
tmp += String.fromCharCode(str.charCodeAt(i));
}
}
return tmp
}
以上所述是小編給大家介紹的JS驗(yàn)證全角與半角及相互轉(zhuǎn)化的知識,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
JavaScript設(shè)計模式之代理模式實(shí)例分析
這篇文章主要介紹了JavaScript設(shè)計模式之代理模式,簡單描述了代理模式的概念、原理并結(jié)合實(shí)例形式分析了javascript代理模式的相關(guān)實(shí)現(xiàn)與使用技巧,需要的朋友可以參考下2019-01-01
uniapp使用vue-cli新建項(xiàng)目并打包的步驟
這篇文章主要介紹了uniapp使用vue-cli新建項(xiàng)目并打包,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友參考下吧2023-11-11
JavaScript中arguments.callee屬性的作用與替換方案
這篇文章介紹了JavaScript中arguments.callee屬性的作用與替換方案,文中通過示例代碼介紹的非常詳細(xì)。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2022-06-06
js 動態(tài)生成html 觸發(fā)事件傳參字符轉(zhuǎn)義的實(shí)例
下面小編就為大家?guī)硪黄猨s 動態(tài)生成html 觸發(fā)事件傳參字符轉(zhuǎn)義的實(shí)例。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-02-02
javascript中返回頂部按鈕的實(shí)現(xiàn)
這篇文章主要介紹了使用javascript實(shí)現(xiàn)博客園頁面右下角返回頂部按鈕的思路及源碼,非常不錯,這里推薦給小伙伴們2015-05-05
JavaScript設(shè)計模式之建造者模式實(shí)例教程
這篇文章主要介紹了JavaScript設(shè)計模式之建造者模式,結(jié)合實(shí)例形式分析了設(shè)計模式中建造者模式的概念、功能及JavaScript實(shí)現(xiàn)與使用建造者模式的相關(guān)操作技巧,需要的朋友可以參考下2018-07-07

