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.blockUI.js上传滚动等待效果实现思路及代码
Mar 18 Javascript
jQuery focus和blur事件的应用详解
Jan 26 Javascript
JavaScript中switch判断容易犯错的一个细节
Aug 27 Javascript
AngularJs expression详解及简单示例
Sep 01 Javascript
原生js实现addclass,removeclass,toggleclasss实例
Nov 24 Javascript
Angular.JS去掉访问路径URL中的#号详解
Mar 30 Javascript
vue 实现通过手机发送短信验证码注册功能
Apr 19 Javascript
ztree加载完成后显示勾选节点的实现代码
Oct 22 Javascript
简述vue路由打开一个新的窗口的方法
Nov 29 Javascript
layui radio单选限制下一个radio单选的实例
Sep 03 Javascript
ES6 class类链式继承,实例化及react super(props)原理详解
Feb 15 Javascript
vue element ui validate 主动触发错误提示操作
Sep 21 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 ajax 静态分页过程形式
2011/09/02 PHP
php中常用字符串处理代码片段整理
2011/11/07 PHP
解析PHP缓存函数的使用说明
2013/05/10 PHP
解析php取整的几种方式
2013/06/25 PHP
支持中文的PHP按字符串长度分割成数组代码
2015/05/17 PHP
PHP+ajax实现上传、删除、修改单张图片及后台处理逻辑操作详解
2020/02/12 PHP
Thinkphp 框架扩展之驱动扩展实例分析
2020/04/27 PHP
utf-8编码引起js输出中文乱码的解决办法
2010/06/23 Javascript
JS+CSS 制作的超级简单的下拉菜单附图
2013/11/22 Javascript
js获取电脑分辨率的思路及操作
2013/11/22 Javascript
使用jQuery.form.js/springmvc框架实现文件上传功能
2016/05/12 Javascript
js阻止浏览器默认行为触发的通用方法(推荐)
2016/05/15 Javascript
jQuery Select下拉框操作小结(推荐)
2016/07/22 Javascript
让html元素随浏览器的大小自适应垂直居中的实现方法
2016/10/12 Javascript
vue完成项目后,打包成静态文件的方法
2018/09/03 Javascript
微信小程序实现两个页面传值的方法分析
2018/12/11 Javascript
动态内存分配导致影响Javascript性能的问题
2018/12/18 Javascript
解决vue 退出动画无效的问题
2020/08/09 Javascript
python利用matplotlib库绘制饼图的方法示例
2016/12/18 Python
使用Python的package机制如何简化utils包设计详解
2017/12/11 Python
解决tensorflow测试模型时NotFoundError错误的问题
2018/07/27 Python
基于Python中的yield表达式介绍
2019/11/19 Python
Django ModelForm操作及验证方式
2020/03/30 Python
解决导入django_filters不成功问题No module named 'django_filter'
2020/07/15 Python
python Pexpect模块的使用
2020/12/25 Python
使用分层画布来优化HTML5渲染的教程
2015/05/08 HTML / CSS
Cole Haan官方网站:美国时尚潮流品牌
2017/12/06 全球购物
德国内衣、泳装和睡衣网上商店:Bigsize Dessous
2018/07/09 全球购物
采购员岗位职责
2013/11/15 职场文书
人事主管的岗位职责
2013/11/16 职场文书
益达广告词
2014/03/14 职场文书
学习教师敬业奉献模范事迹材料思想汇报
2014/09/19 职场文书
2014年党风廉政工作总结
2014/12/03 职场文书
关于拾金不昧的感谢信
2015/01/21 职场文书
mybatis调用sqlserver存储过程返回结果集的方法
2021/05/08 SQL Server
如何使用Python提取Chrome浏览器保存的密码
2021/06/09 Python