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 相关文章推荐
如何使用Javascript正则表达式来格式化XML内容
Jul 04 Javascript
javascript 广告移动特效的实现代码
Jun 25 Javascript
Bootstrap零基础学习第一课之模板
Jul 18 Javascript
Angular2内置指令NgFor和NgIf详解
Aug 03 Javascript
javascript如何创建对象
Aug 29 Javascript
Javascript 创建类并动态添加属性及方法的简单实现
Oct 20 Javascript
jquery.zclip轻量级复制失效问题
Jan 08 Javascript
微信小程序 slider 详解及实例代码
Jan 10 Javascript
js 实现 list转换成tree的方法示例(数组到树)
Aug 18 Javascript
layui表格 返回的数据状态异常的解决方法
Sep 10 Javascript
微信小程序保存图片到相册权限设置
Apr 09 Javascript
js实现小球在页面规定的区域运动
Jun 16 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+MYSQL 出现乱码的解决方法
2008/08/08 PHP
php网站判断用户是否是手机访问的方法
2013/11/01 PHP
PHP之正则表达式捕获组与非捕获组(详解)
2015/07/29 PHP
php判断/计算闰年的方法小结【三种方法】
2019/07/06 PHP
最短的javascript:地址栏载入脚本代码
2011/10/13 Javascript
js关闭当前页面(窗口)的几种方式总结
2013/03/05 Javascript
javascript避免数字计算精度误差的方法详解
2014/03/05 Javascript
JavaScript中Window对象的属性及事件
2015/12/25 Javascript
jQuery插件Validate实现自定义校验结果样式
2016/01/18 Javascript
原生js三级联动的简单实现代码
2016/06/07 Javascript
基于JS实现导航条之调用网页助手小精灵的方法
2016/06/17 Javascript
vue.js入门教程之计算属性
2016/09/01 Javascript
Express + Node.js实现登录拦截器的实例代码
2017/07/01 Javascript
Vue-cli 使用json server在本地模拟请求数据的示例代码
2017/11/02 Javascript
JavaScript中Object值合并方法详解
2017/12/22 Javascript
页面内锚点定位及跳转方法总结(推荐)
2019/04/24 Javascript
Vuex实现购物车小功能
2020/08/17 Javascript
用Python的Tornado框架结合memcached页面改善博客性能
2015/04/24 Python
详解Python中最难理解的点-装饰器
2017/04/03 Python
python网络爬虫之如何伪装逃过反爬虫程序的方法
2017/11/23 Python
python scatter散点图用循环分类法加图例
2019/03/19 Python
python添加菜单图文讲解
2019/06/04 Python
Python获取好友地区分布及好友性别分布情况代码详解
2019/07/10 Python
python初步实现word2vec操作
2020/06/09 Python
python Scrapy框架原理解析
2021/01/04 Python
Html5原生拖拽相关事件简介以及基础实现
2020/11/19 HTML / CSS
GUESS盖尔斯法国官网:美国时尚品牌
2016/09/23 全球购物
美国领先的奢侈手表在线零售商:WatchMaxx
2017/12/17 全球购物
什么是符号链接,什么是硬链接?符号链接与硬链接的区别是什么?
2014/01/19 面试题
前处理班长职位说明书
2014/03/01 职场文书
潘婷洗发水广告词
2014/03/14 职场文书
安全保证书范文
2014/04/29 职场文书
爱国口号
2014/06/19 职场文书
2015年项目工作总结
2015/04/29 职场文书
如何写好开幕词?
2019/06/24 职场文书
python自动获取微信公众号最新文章的实现代码
2022/07/15 Python