最近在做PC端网站的页面的一个表单校验，需要把全角输入转化成半角符号。之前没有了解过这些编码的知识，还是得Google一下查查资料，故简单总结一下。

什么是全角、半角

传统上，英语或拉丁字母语言使用的电脑系统，每一个字母或符号，都是使用一字节的空间（一字节由8比特组成，共256个编码空间）来储存；而汉语、日语及韩语文字，由于数量大大超过256个，故惯常使用两字节来储存一个字符。在使用等宽字体（如DOS、部分文字编辑器等）的环境下，中日韩文字此时占据两倍于西文字符的显示宽度。所以，中、日、韩等文字称为全角字符，相比起来，拉丁字母或数字就称为半角字符。有时为了使字体看起来齐整，英文字母、数字及其他符号也由原来只占一个字空间，改为占用两个字的空间显示、使用两个字节储存的格式。（维基百科）

转化原理

全角空格unicode编码为12288，半角空格为32

其他字符半角(33-126)与全角(65281-65374)的unicode编码对应关系是：均相差65248

全角转半角

function ToCDB(str) {
    var tmp = "";
    for (var i = 0; i < str.length; i++) {
      if (str.charCodeAt(i) > 65248 && str.charCodeAt(i) < 65375) {
        tmp += String.fromCharCode(str.charCodeAt(i) - 65248);
      }
      else {
        tmp += String.fromCharCode(str.charCodeAt(i));
      }
    }
    return tmp
  }

半角转全角

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全角与半角转化实例(分享)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。

# 全角半角转化  # JS验证全角与半角及相互转化的介绍  # 半角全角相互转换的js函数  # javascript实现全角与半角字符的转换  # javascript实现全角半角检测的方法  # JavaScript 全角转半角部分  # 全角  # 半角  # 给大家  # 西文  # 都是  # 日语  # 希望能  # 英语  # 一个字  # 这篇  # 两个字  # 表单  # 编辑器  # 两倍  # 小编  # 大家多多  # 只占  # 转化成  # 也由  # 英文字母 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： Laravel如何实现本地化和多语言支持_Laravel多语言配置与翻译文件管理  Laravel怎么配置S3云存储驱动_Laravel集成阿里云OSS或AWS S3存储桶【教程】  如何获取上海专业网站定制建站电话？  Python自然语言搜索引擎项目教程_倒排索引查询优化案例  使用C语言编写圣诞表白程序  详解Android图表 MPAndroidChart折线图  php增删改查怎么学_零基础入门php数据库操作必知基础【教程】  HTML5空格和margin有啥区别_空格与外边距的使用场景【说明】  Laravel如何实现文件上传和存储？（本地与S3配置）  Laravel怎么处理异常_Laravel自定义异常处理与错误页面教程  如何在IIS中新建站点并配置端口与物理路径？  如何用虚拟主机快速搭建网站？详细步骤解析  Laravel如何使用Scope本地作用域_Laravel模型常用查询逻辑封装技巧【手册】  html5怎么画眼睛_HT5用Canvas或SVG画眼球瞳孔加JS控制动态【绘制】  如何正确选择百度移动适配建站域名？  在centOS 7安装mysql 5.7的详细教程  如何快速选择适合个人网站的云服务器配置？  Laravel如何使用Sanctum进行API认证？（SPA实战）  Laravel如何创建和注册中间件_Laravel中间件编写与应用流程  js实现点击每个li节点，都弹出其文本值及修改  Laravel如何实现多级无限分类_Laravel递归模型关联与树状数据输出【方法】  UC浏览器如何设置启动页 UC浏览器启动页设置方法  Laravel怎么生成URL_Laravel路由命名与URL生成函数详解  海南网站制作公司有哪些,海口网是哪家的？  浅谈Javascript中的Label语句  教学论文网站制作软件有哪些,写论文用什么软件 ？  Laravel如何监控和管理失败的队列任务_Laravel失败任务处理与监控  浅谈javascript alert和confirm的美化  Android Socket接口实现即时通讯实例代码  Laravel如何配置中间件Middleware_Laravel自定义中间件拦截请求与权限校验【步骤】  Laravel路由怎么定义_Laravel核心路由系统完全入门指南  Laravel如何使用Socialite实现第三方登录？（微信/GitHub示例）  如何在建站之星网店版论坛获取技术支持？  HTML 中如何正确使用模板变量为元素的 name 属性赋值  Laravel如何记录日志_Laravel Logging系统配置与自定义日志通道  Laravel如何获取当前用户信息_Laravel Auth门面获取用户ID  Laravel怎么创建自己的包(Package)_Laravel扩展包开发入门到发布  如何在IIS7上新建站点并设置安全权限？  如何快速建站并高效导出源代码？  1688铺货到淘宝怎么操作 1688一键铺货到自己店铺详细步骤  如何在阿里云通过域名搭建网站？  Laravel如何自定义错误页面（404, 500）？（代码示例）  Laravel如何处理和验证JSON类型的数据库字段  Laravel如何实现模型的全局作用域？（Global Scope示例）  Windows Hello人脸识别突然无法使用  jquery插件bootstrapValidator表单验证详解  Laravel如何记录自定义日志？（Log频道配置）  简历没回改：利用AI润色让你的文字更专业  JavaScript常见的五种数组去重的方式  logo在线制作免费网站在线制作好吗,DW网页制作时，如何在网页标题前加上logo？