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 21 Javascript
基于JQuery的模拟苹果桌面Dock效果(稳定版)
Oct 15 Javascript
javascript弹出层输入框(示例代码)
Dec 11 Javascript
jQuery添加删除DOM元素方法详解
Jan 18 Javascript
jquery点击展示与隐藏更多内容
Dec 03 Javascript
JS库之Three.js 简易入门教程(详解之一)
Sep 13 Javascript
Vue.js 2.0和Cordova开发webApp环境搭建方法
Feb 26 Javascript
基于js中的存储键值对以及注意事项介绍
Mar 30 Javascript
vue 保留两位小数 不能直接用toFixed(2) 的解决
Aug 07 Javascript
Openlayers实现地图全屏显示
Sep 28 Javascript
JavaScript实现拖动对话框效果的实现代码
Oct 12 Javascript
Ant Design Vue table中列超长显示...并加提示语的实例
Oct 31 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的urlencode()URL编码函数浅析
2011/08/09 PHP
yii2超好用的日期组件和时间组件
2016/05/05 PHP
php计算给定日期所在周的开始日期和结束日期示例
2017/02/06 PHP
javascript 写类方式之五
2009/07/05 Javascript
javascript Base类 包含基本的方法
2009/07/22 Javascript
jQuery EasyUI 的EasyLoader功能介绍
2010/09/12 Javascript
IE下写xml文件的两种方式(fso/saveAs)
2013/08/05 Javascript
JavaScript forEach()遍历函数使用及介绍
2015/07/08 Javascript
DOM事件阶段以及事件捕获与事件冒泡先后执行顺序(图文详解)
2015/08/18 Javascript
jQuery EasyUI实现右键菜单变灰不可用效果
2015/09/24 Javascript
JavaScript和HTML DOM的区别与联系及Javascript和DOM的关系
2015/11/15 Javascript
easyUI下拉列表点击事件使用方法
2017/05/18 Javascript
JS实现图片转换成base64的各种应用场景实例分析
2018/06/22 Javascript
Vue如何获取数据列表展示
2019/12/11 Javascript
javascript前端和后台进行数据交互方法示例
2020/08/07 Javascript
在vue中动态修改css其中一个属性值操作
2020/12/07 Vue.js
python基于Tkinter库实现简单文本编辑器实例
2015/05/05 Python
Python中pygal绘制雷达图代码分享
2017/12/07 Python
Python爬虫番外篇之Cookie和Session详解
2017/12/27 Python
Python实现的rsa加密算法详解
2018/01/24 Python
python十进制和二进制的转换方法(含浮点数)
2018/07/07 Python
python列表list保留顺序去重的实例
2018/12/14 Python
python面试题小结附答案实例代码
2019/04/11 Python
OpenCV搞定腾讯滑块验证码的实现代码
2019/05/18 Python
python绘制雪景图
2019/12/16 Python
使用PyQt的QLabel组件实现选定目标框功能的方法示例
2020/05/19 Python
Python3内置函数chr和ord实现进制转换
2020/06/05 Python
解决HTML5中滚动到底部的事件问题
2019/08/22 HTML / CSS
英国最大的百货公司:Harrods
2016/08/18 全球购物
大学生实习期自我评价范文
2013/10/03 职场文书
应届生财务会计求职信
2013/11/05 职场文书
比赛口号大全
2014/06/10 职场文书
广告学专业求职信
2014/06/19 职场文书
机电一体化专业求职信
2014/07/22 职场文书
党员剖析材料范文
2014/12/18 职场文书
2016学校先进党组织事迹材料
2016/02/29 职场文书