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 相关文章推荐
5款Javascript颜色选择器
Oct 25 Javascript
javascript游戏开发之《三国志曹操传》零部件开发(二)人物行走的实现
Jan 23 Javascript
jQuery 回车事件enter使用示例
Feb 18 Javascript
jQuery中Ajax的get、post等方法详解
Jan 20 Javascript
再谈JavaScript异步编程
Jan 27 Javascript
基于javascript实现最简单的选项卡切换效果
May 16 Javascript
jQuery实用小技巧_输入框文字获取和失去焦点的简单实例
Aug 25 Javascript
详解js界面跳转与值传递
Nov 22 Javascript
vue高德地图之玩转周边
Jun 16 Javascript
基于vue的验证码组件的示例代码
Jan 22 Javascript
vue实现滑动切换效果(仅在手机模式下可用)
Jun 29 Javascript
vue中jsonp插件的使用方法示例
Sep 10 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中自定义函数dump查看数组信息类似var_dump
2014/01/27 PHP
页面调用单个swf文件,嵌套出多个方法。
2011/11/21 Javascript
Javascript玩转继承(三)
2014/05/08 Javascript
js实现点击后将文字或图片复制到剪贴板的方法
2014/08/04 Javascript
js常用系统函数用法实例分析
2015/01/12 Javascript
基于Javascript实现倒计时功能
2016/02/22 Javascript
仿iframe效果Aajx文件上传实例
2016/11/18 Javascript
JavaScript数据结构之数组的表示方法示例
2017/04/12 Javascript
bootstrap的工具提示实例代码
2017/05/17 Javascript
js判断节假日实例代码
2017/12/27 Javascript
postman自定义函数实现 时间函数的思路详解
2019/04/17 Javascript
js字符串类型String常用操作实例总结
2019/07/05 Javascript
加速vue组件渲染之性能优化
2020/04/09 Javascript
如何用JS模拟实现数组的map方法
2020/07/30 Javascript
Vue项目中使用mock.js的完整步骤
2021/01/12 Vue.js
Tornado Web服务器多进程启动的2个方法
2014/08/04 Python
Django1.3添加app提示模块不存在的解决方法
2014/08/26 Python
Python中为什么要用self探讨
2015/04/14 Python
在python中使用正则表达式查找可嵌套字符串组
2017/10/24 Python
让代码变得更易维护的7个Python库
2018/10/09 Python
python调用摄像头拍摄数据集
2019/06/01 Python
浅谈Pandas Series 和 Numpy array中的相同点
2019/06/28 Python
浅谈Django中view对数据库的调用方法
2019/07/18 Python
python快速编写单行注释多行注释的方法
2019/07/31 Python
使用Python将Exception异常错误堆栈信息写入日志文件
2020/04/08 Python
Python的collections模块真的很好用
2021/03/01 Python
CSS3 实现飘动的云朵动画
2020/12/01 HTML / CSS
英国女性时尚精品店:THE DRESSING ROOM
2018/05/23 全球购物
芝加哥牛排公司:Chicago Steak Company
2018/10/31 全球购物
幼儿园亲子活动总结
2014/04/26 职场文书
党日活动总结
2014/05/07 职场文书
校园安全演讲稿
2014/05/09 职场文书
2014年社区党建工作汇报材料
2014/11/02 职场文书
2014年个人总结范文
2015/03/09 职场文书
护士医德医风心得体会
2016/01/25 职场文书
python+opencv实现目标跟踪过程
2022/06/21 Python