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 相关文章推荐
用jquery.sortElements实现table排序
May 04 Javascript
jQuery实现tab选项卡效果的方法
Jul 08 Javascript
jQuery实现单击弹出Div层窗口效果(可关闭可拖动)
Sep 19 Javascript
JS组件Bootstrap实现图片轮播效果
May 16 Javascript
利用yarn实现一个webpack+react种子
Oct 25 Javascript
基于jQuery实现顶部导航栏功能
Dec 27 Javascript
vue 系列——vue2-webpack2框架搭建踩坑之路
Dec 22 Javascript
React Hooks的深入理解与使用
Nov 12 Javascript
世界上最短的数字判断js代码
Sep 09 Javascript
JS 数组基本用法入门示例解析
Jan 16 Javascript
关于React Native使用axios进行网络请求的方法
Aug 02 Javascript
二维码条形码生成的JavaScript脚本库
Jul 07 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入门基础之php代码写法
2011/12/30 PHP
叫你如何修改Nginx与PHP的文件上传大小限制
2014/09/10 PHP
PHP利用APC模块实现文件上传进度条的方法
2015/01/26 PHP
PHP实现冒泡排序的简单实例
2016/05/26 PHP
php发送http请求的常用方法分析
2016/11/08 PHP
Laravel中日期时间处理包Carbon的简单使用
2017/09/21 PHP
学习js所必须要知道的一些
2007/03/07 Javascript
Chrome Form多次提交表单问题的解决方法
2011/05/09 Javascript
Javascript Boolean、Nnumber、String 强制类型转换的区别详细介绍
2012/12/13 Javascript
JavaScript计时器示例分析
2015/02/05 Javascript
JavaScript中标识符提升问题
2015/06/11 Javascript
jQuery实现Email邮箱地址自动补全功能代码
2015/11/03 Javascript
javascript简单实现跟随滚动条漂浮的返回顶部按钮效果
2016/08/19 Javascript
jQuery基于ajax方式实现用户名存在性检查功能示例
2017/02/10 Javascript
JS中解决谷歌浏览器记住密码输入框颜色改变功能
2017/02/13 Javascript
深究AngularJS如何获取input的焦点(自定义指令)
2017/06/12 Javascript
详解Vue.js之视图和数据的双向绑定(v-model)
2017/06/23 Javascript
AngularJS实现图片上传和预览功能的方法分析
2017/11/08 Javascript
JS组件系列之Gojs组件 前端图形化插件之利器
2017/11/29 Javascript
Vue项目自动转换 px 为 rem的实现方法
2018/10/29 Javascript
element-ui table span-method(行合并)的实现代码
2018/12/20 Javascript
Vue 一键清空表单的实现方法
2020/02/07 Javascript
详解常用查找数据结构及算法(Python实现)
2016/12/09 Python
python生成词云的实现方法(推荐)
2017/06/13 Python
Python的SimpleHTTPServer模块用处及使用方法简介
2018/01/22 Python
Sam’s Club山姆会员商店:沃尔玛旗下高端会员制商店
2017/01/16 全球购物
Smallable意大利家庭概念店:设计师童装及家居装饰
2018/01/08 全球购物
Shopee印度尼西亚:东南亚与台湾市场最大电商平台
2018/06/17 全球购物
Herschel Supply Co.美国:背包、手提袋及配件
2020/11/24 全球购物
人力资源部门的主要职能
2014/02/22 职场文书
销售内勤岗位职责
2014/04/15 职场文书
教师一帮一活动总结
2014/07/08 职场文书
农村文化建设标语
2014/10/07 职场文书
工作期间打牌检讨书范文
2014/11/20 职场文书
2019年汽车租赁合同范本!
2019/08/12 职场文书
windows10声卡驱动怎么安装?win10声卡驱动安装操作步骤教程
2022/08/05 数码科技