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 弹出窗体点击按钮返回选择数据的实现
Apr 01 Javascript
jQuery如何防止这种冒泡事件发生
Feb 27 Javascript
jquery实现简单的轮换出现效果实例
Jul 23 Javascript
JS中使用DOM来控制HTML元素
Jul 31 Javascript
AngularJS 指令的交互详解及实例代码
Sep 14 Javascript
JS实现京东首页之页面顶部、Logo和搜索框功能
Jan 12 Javascript
使用Promise链式调用解决多个异步回调的问题
Jan 15 Javascript
js下载文件并修改文件名
May 08 Javascript
node跨域请求方法小结
Aug 25 Javascript
vue脚手架及vue-router基本使用
Apr 09 Javascript
vue移动端html5页面根据屏幕适配的四种解决方法
Oct 19 Javascript
JavaScript中的null和undefined用法解析
Sep 30 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安全配置 如何配置使其更安全
2011/12/16 PHP
教你如何在CI框架中使用 .htaccess 隐藏url中index.php
2014/06/09 PHP
PHP中explode函数和split函数的区别小结
2016/08/24 PHP
PHP入门教程之面向对象的特性分析(继承,多态,接口,抽象类,抽象方法等)
2016/09/11 PHP
php中yar框架实例用法讲解
2020/12/27 PHP
jQuery Ajax 实例全解析
2011/04/20 Javascript
解决js中window.open弹出的是上次的缓存页面问题
2013/12/29 Javascript
setInterval计时器不准的问题解决方法
2014/05/08 Javascript
JS中的form.submit()不能提交表单的错误原因
2014/10/08 Javascript
使用Chrome调试JavaScript的断点设置和调试技巧
2014/12/16 Javascript
JavaScript设计模式之适配器模式介绍
2014/12/28 Javascript
JavaSacript中charCodeAt()方法的使用详解
2015/06/05 Javascript
Javascript删除指定元素节点的方法
2016/06/21 Javascript
微信小程序开发animation心跳动画效果
2017/08/16 Javascript
动态统计当前输入内容的字节、字符数的实例详解
2017/10/27 Javascript
微信小程序中的canvas 文字断行和省略号显示功能的处理方法
2018/11/14 Javascript
vue iview的菜单组件Mune 点击不高亮的解决方案
2019/11/01 Javascript
Flask框架的学习指南之开发环境搭建
2016/11/20 Python
Python中模块与包有相同名字的处理方法
2017/05/05 Python
python数据处理实战(必看篇)
2017/06/11 Python
Python中static相关知识小结
2018/01/02 Python
解决pandas.DataFrame.fillna 填充Nan失败的问题
2018/11/06 Python
在python里协程使用同步锁Lock的实例
2019/02/19 Python
python下载卫星云图合成gif的方法示例
2020/02/18 Python
Keras load_model 导入错误的解决方式
2020/06/09 Python
python 生成器需注意的小问题
2020/09/29 Python
LivingSocial英国:英国本地优惠
2019/02/22 全球购物
阿里巴巴美国:Alibaba美国
2019/11/24 全球购物
中间件分为哪几类
2016/09/18 面试题
UNIX特点都有哪些
2016/04/05 面试题
车工岗位职责
2013/11/26 职场文书
客服服务心得体会
2013/12/30 职场文书
2014年移动公司工作总结
2014/12/08 职场文书
材料员岗位职责范本
2015/04/11 职场文书
检讨书格式
2015/05/07 职场文书
元素水平垂直居中的方式
2021/03/31 HTML / CSS