当前位置:首页 > 技术博客 > JavaScript > js如何简单实现汉字转成拼音的功能

js如何简单实现汉字转成拼音的功能

6年前 (2019-03-24)JavaScript841

1、首先引入两个JS文件,末尾有下载地址:

<script src="jquery.min.js"></script>  //这个是jq核心文件,如果您的项目里面已经有此文件就不需要重复引入了
<script src="Convert_Pinyin.js"></script>  //这是功能核心文件,必须引入。

2、js方法:

<script>
       var ConvertName = function(){   
            var chinaName = $('#chinaName').val();   
            //获取全写拼音(调用js中方法)        
            var fullName = pinyin.getFullChars(chinaName);
            //获取简写拼音(调用js中方法)
            var easyName = pinyin.getCamelChars(chinaName);   
            //给两个文本框赋值   
            $('#fullName').val(fullName);
            $('#easyName').val(easyName);
       }</script>

核心js文件下载:链接: https://pan.baidu.com/s/1ePWMOLUlF_y8wCcxPJSu6w 提取码: 5e4n


已经有网友提供了公共国内CDN加速文件共享:https://cdnbaidu.tmicloud.com/jquery/Convert_Pinyin.js  支持http、https,如果不放心还是建议你放在本地吧

版权声明:本文由 LzxBlog 发布,如需转载请注明出处。

本文链接:https://www.liuzhixi.cn/html/14.html

标签: JavaScript

相关文章

百度地图JavaScript简单标点连线

百度地图JavaScript简单标点连线

背景最近在研究轨迹数据的挖掘,第一步就是把轨迹数据在地图上可视化出来,然后再进行后续的算法研究。从一开始懵懂知道百度地图有免费的 API 可以调用,到后面知道还...

整理:JavaScript字符串的截取以及数组的截取

整理:JavaScript字符串的截取以及数组的截取

在编写前端时,截取字符串或者是截取数组的部分元素都是频繁出现的场景,所以在这整理一下:一、截取字符串JS提供三个截取字符串的方法,分别是:slice(),sub...

关于bootstrap.min.js.map报错404的问题

关于bootstrap.min.js.map报错404的问题

相信很多用过BootStrap框架的伙伴都遇到过bootstrap.min.js.map 404的错误,明明自己并没有去调用这个文件为什么会报这个错误呢?小沫就...

JavaScript 面试题 : alert(1 && 2)

JavaScript 面试题 : alert(1 && 2)

Javascrip.逻辑运算面试题:alert(1 && 2)//2解:&&前面为真,那么就往后执行,所以输...

Javascript 的深色和浅色模式

Javascript 的深色和浅色模式

一个简单的黑暗和明亮模式,它不会在页面刷新时恢复初始状态!源码免费下载: https://pan.baidu.com/s/1SYk-ztJaHHj7Re7clR...

ES6模块化-每日一小记

ES6模块化-每日一小记

ES6模块化模块功能主要由两个命令构成:export和import。export命令用于规定模块的对外接口,import命令用于输入其他模块提供的功能。//mo...

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。