JS实现获取汉字首字母拼音、全拼音及混拼音的方法


Posted in Javascript onNovember 14, 2017

本文实例讲述了JS实现获取汉字首字母拼音、全拼音及混拼音的方法。分享给大家供大家参考,具体如下:

这里需要用到一个js获取汉字拼音的插件,可点击此处本站下载

运行效果如下:

JS实现获取汉字首字母拼音、全拼音及混拼音的方法

完整示例代码:

<!DOCTYPE HTML>
<html>
<head>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script type="text/javascript" src="ChinesePY.js"></script>
  </head>
  <body style="font-size:12px">
    <form>
      输入内容: <input type="text" onkeyup="pym.innerHTML = Pinyin.GetJP(this.value);allpym.innerHTML=Pinyin.GetQP(this.value);



staffpym.innerHTML=Pinyin.GetHP(this.value);" /> <br /><br />
      拼 音 码: <span id="pym"></span><br /><br />
      拼音全码: <span id="allpym"></span><br /><br />
      混 拼 码: <span id="staffpym"></span>
    </form>
  </body>
</html>
Javascript 相关文章推荐
基于jQuery的history历史记录插件
Dec 11 Javascript
javascript 禁用IE工具栏,导航栏等等实现代码
Apr 01 Javascript
jQuery中prevAll()方法用法实例
Jan 08 Javascript
限制上传文件大小和格式的jQuery插件实例
Jan 24 Javascript
JS实现简易图片轮播效果的方法
Mar 25 Javascript
JS模拟并美化的表单控件完整实例
Aug 19 Javascript
浅谈JS的基础类型与引用类型
Sep 13 Javascript
微信小程序tabBar模板用法实例分析【附demo源码下载】
Nov 28 Javascript
vue项目中应用ueditor自定义上传按钮功能
Apr 27 Javascript
如何检查一个对象是否为空
Apr 11 Javascript
浅析vue-router中params和query的区别
Dec 24 Javascript
JavaScript日期库date-fn.js使用方法解析
Sep 09 Javascript
JS中图片压缩的方法小结
Nov 14 #Javascript
前端html中jQuery实现对文本的搜索功能并把搜索相关内容显示出来
Nov 14 #jQuery
Node.js使用Express.Router的方法
Nov 14 #Javascript
js精确的加减乘除实例
Nov 14 #Javascript
JavaScript插件Tab选项卡效果
Nov 14 #Javascript
vue中如何创建多个ueditor实例教程
Nov 14 #Javascript
基于 Vue 实现一个酷炫的 menu插件
Nov 14 #Javascript
You might like
用php写的serv-u的web申请账号的程序
2006/10/09 PHP
php强制下载类型的实现代码
2011/04/21 PHP
php版微信公众号自定义分享内容实现方法
2016/09/22 PHP
php基于curl实现的股票信息查询类实例
2016/11/11 PHP
Javascript 中文字符串处理额外注意事项
2009/11/15 Javascript
javascript qq右下角滑出窗口 sheyMsg
2010/03/21 Javascript
javascript针对cookie的基本操作实例详解
2015/11/30 Javascript
深入JavaScript高级程序设计之对象、数组(栈方法,队列方法,重排序方法,迭代方法)
2015/12/01 Javascript
轻松学习jQuery插件EasyUI EasyUI表单验证
2015/12/01 Javascript
NodeJS实现阿里大鱼短信通知发送
2016/01/17 NodeJs
ES6新特性之模块Module用法详解
2017/04/01 Javascript
原生js实现拖拽功能基本思路详解
2018/04/18 Javascript
nodejs实现范围请求的实现代码
2018/10/12 NodeJs
微信小程序云开发如何实现数据库自动备份实现
2019/08/16 Javascript
[01:08:00]Fnatic vs Winstrike 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
理解Python中的With语句
2015/02/02 Python
Python进行数据提取的方法总结
2016/08/22 Python
python生成式的send()方法(详解)
2017/05/08 Python
浅析Python 读取图像文件的性能对比
2019/03/07 Python
Python 文件数据读写的具体实现
2020/01/24 Python
python下载卫星云图合成gif的方法示例
2020/02/18 Python
Python中logging日志的四个等级和使用
2020/11/17 Python
英国花园、DIY、电器和家居用品商店:Robert Dyas
2019/03/18 全球购物
软件测试企业面试试卷
2016/07/13 面试题
怎样客观的做好自我评价
2013/12/28 职场文书
高中学生期末评语
2014/04/25 职场文书
水利专业大学生职业生涯规划书范文
2014/09/17 职场文书
部队2014年终工作总结
2014/11/27 职场文书
评职称个人总结
2015/03/05 职场文书
2015年敬老月活动总结
2015/03/27 职场文书
2015年办公室工作总结范文
2015/03/31 职场文书
公司环境卫生管理制度
2015/08/05 职场文书
研究生毕业登记表的自我鉴定范文
2019/07/15 职场文书
MySQL索引是啥?不懂就问
2021/07/21 MySQL
一文搞懂Python Sklearn库使用
2021/08/23 Python
分布式Redis Cluster集群搭建与Redis基本用法
2022/02/24 Redis