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 相关文章推荐
推荐20家国外的脚本下载网站
Apr 28 Javascript
jquery文字上下滚动的实现方法
Mar 22 Javascript
多个checkbox被选中时如何判断是否有自己想要的
Sep 22 Javascript
原生JS实现 MUI导航栏透明渐变效果
Nov 07 Javascript
vue better-scroll插件使用详解
Jan 25 Javascript
vuex进阶知识点巩固
May 20 Javascript
vue生成token并保存到本地存储中
Jul 17 Javascript
Vue 中对图片地址进行拼接的方法
Sep 03 Javascript
vue.extend与vue.component的区别和联系
Sep 19 Javascript
vue中tab选项卡的实现思路
Nov 25 Javascript
js this 绑定机制深入详解
Apr 30 Javascript
基于vue+echarts数据可视化大屏展示的实现
Dec 25 Vue.js
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
PHPwind整合最土系统用户同步登录实现方法
2010/12/08 PHP
php判断当前用户已在别处登录的方法
2015/01/06 PHP
Yii2基于Ajax自动获取表单数据的方法
2016/08/10 PHP
用正则表达式 动态创建/增加css style script 兼容IE firefox
2009/03/10 Javascript
Dojo 学习要点
2010/09/03 Javascript
JS实现遮罩层效果的简单实例
2013/11/12 Javascript
JS实现生成会变大变小的圆环实例
2015/08/05 Javascript
JavaScript中错误正确处理方式小结你用对了吗
2017/10/10 Javascript
JS将网址url转化为JSON格式的方法
2018/07/02 Javascript
JS基于Location实现访问Url、重定向及刷新页面的方法分析
2018/12/03 Javascript
JS中使用new Option()实现时间联动效果
2018/12/10 Javascript
vue动态添加路由addRoutes之不能将动态路由存入缓存的解决
2019/02/19 Javascript
Node.js在图片模板上生成二维码图片并附带底部文字说明实现详解
2019/08/07 Javascript
vue2.0实现列表数据增加和删除
2020/06/17 Javascript
vue 子组件和父组件传值的示例
2020/09/11 Javascript
基于jQuery拖拽事件的封装
2020/11/29 jQuery
python爬虫之模拟登陆csdn的实例代码
2018/05/18 Python
10 分钟快速入门 Python3的教程
2019/01/29 Python
Python3如何对urllib和urllib2进行重构
2019/11/25 Python
Python操作多维数组输出和矩阵运算示例
2019/11/28 Python
python基于plotly实现画饼状图代码实例
2019/12/16 Python
vue.js刷新当前页面的实例讲解
2020/12/29 Python
HTML5新表单元素_动力节点Java学院整理
2017/07/12 HTML / CSS
基于HTML5+CSS3实现简单的时钟效果
2017/09/11 HTML / CSS
HTML里显示pdf、word、xls、ppt的方法示例
2020/04/14 HTML / CSS
加拿大在线旅游公司:Flighthub
2019/03/11 全球购物
Vrbo英国:预订度假屋
2020/08/19 全球购物
网络管理员岗位职责
2014/03/17 职场文书
企业挂职心得体会
2014/09/10 职场文书
党员“四风”方面存在问题及整改措施
2014/09/24 职场文书
2014年驾驶员工作总结
2014/11/18 职场文书
2015暑期社会实践通讯稿
2015/07/18 职场文书
建议书的格式及范文
2015/09/14 职场文书
2016年乡镇七一建党节活动总结
2016/04/05 职场文书
2019年特色火锅店的创业计划书模板
2019/08/28 职场文书
动态规划之使用备忘录来改进Javascript函数
2022/04/07 Javascript