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 相关文章推荐
datePicker——日期选择控件(with jquery)
Feb 20 Javascript
JavaScript XML实现两级级联下拉列表
Nov 10 Javascript
基于jQuery实现左右div自适应高度完全相同的代码
Aug 09 Javascript
JS去除字符串两端空格的简单实例
Dec 27 Javascript
php析构函数的具体用法小结
Mar 11 Javascript
Bootstrap中CSS的使用方法
Feb 17 Javascript
jQuery常用的一些技巧汇总
Mar 26 Javascript
jQuery实现简单的计时器功能实例分析
Aug 29 jQuery
使用Node.js实现ORM的一种思路详解(图文)
Oct 24 Javascript
解决vue的变量在settimeout内部效果失效的问题
Aug 30 Javascript
layui点击弹框页面 表单请求的方法
Sep 21 Javascript
vue实现Input输入框模糊查询方法
Jan 29 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提取中文首字母
2008/04/09 PHP
php 文件上传代码(限制jpg文件)
2010/01/05 PHP
PHP实现163邮箱自动发送邮件
2016/03/29 PHP
javascript 兼容FF的onmouseenter和onmouseleave的代码
2008/07/19 Javascript
IE7中javascript操作CheckBox的checked=true不打勾的解决方法
2009/12/07 Javascript
js Map List 遍历使用示例
2013/07/10 Javascript
检查输入的是否是数字使用keyCode配合onkeypress事件
2014/01/23 Javascript
jquery.ajax之beforeSend方法使用介绍
2014/12/08 Javascript
vue v-on监听事件详解
2017/05/17 Javascript
基于Vue实现页面切换左右滑动效果
2020/06/29 Javascript
vue中render函数的使用详解
2018/10/12 Javascript
JS计算两个数组的交集、差集、并集、补集(多种实现方式)
2019/05/21 Javascript
[01:13]DOTA2群星解读国服召集令 一起说出回归的理由
2013/07/17 DOTA
[18:32]DOTA2 HEROS教学视频教你分分钟做大人-谜团
2014/06/12 DOTA
编写Python脚本使得web页面上的代码高亮显示
2015/04/24 Python
win10下tensorflow和matplotlib安装教程
2018/09/19 Python
python使用Pandas库提升项目的运行速度过程详解
2019/07/12 Python
Django 后台获取文件列表 InMemoryUploadedFile的例子
2019/08/07 Python
pytorch 实现cross entropy损失函数计算方式
2020/01/02 Python
通过案例解析python鸭子类型相关原理
2020/10/10 Python
关于python中remove的一些坑小结
2021/01/04 Python
用Python实现定时备份Mongodb数据并上传到FTP服务器
2021/01/27 Python
python中time包实例详解
2021/02/02 Python
Anthropologie英国:美国家喻户晓的休闲服装和家居产品品牌
2018/12/05 全球购物
英国豪华家具和经典家居饰品购物网站:OKA
2020/06/05 全球购物
教师师德教育的自我评价
2013/10/31 职场文书
四风存在的原因分析
2014/02/11 职场文书
个人委托书怎么写
2014/04/04 职场文书
学校法制宣传月活动总结
2014/07/03 职场文书
出差报告怎么写
2014/11/06 职场文书
涪陵白鹤梁导游词
2015/02/09 职场文书
2015中学教学工作总结
2015/07/22 职场文书
2016年精神文明建设先进个人事迹材料
2016/02/29 职场文书
Python面向对象之成员相关知识总结
2021/06/24 Python
Java Lambda表达式常用的函数式接口
2022/04/07 Java/Android
《杜鹃的婚约》OP主题曲「凸凹」无字幕影像公开
2022/04/08 日漫