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

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

7年前 (2019-03-24)JavaScript923

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

相关文章

动态加载 js 文件

动态加载 js 文件

1.直接document.writedocument.write("<script src='test.js'>...

JavaScript 中定义数组和操作数组

JavaScript 中定义数组和操作数组

一.认识数组数组就是某类数据的集合,数据类型可以是整型、字符串、甚至是对象Javascript不支持多维数组,但是因为数组里面可以包含对象(数组也是一个对象),...

【硬核原创】网站标题根据用户变化而变化

【硬核原创】网站标题根据用户变化而变化

最近有朋友问我 www.timicm.com 这个网站的标题效果什么实现的,本着无私奉献的精神和你们分享一下title是不断变化的,怎么变化呢?当你访...

原生js自定义雷达图

原生js自定义雷达图

完整代码:<head>     <style> body{   &nb...

响应式人物介绍列表ui切换特效

响应式人物介绍列表ui切换特效

一款js css3制作响应式的人物介绍图文列表,带左右按钮控制列表滑动切换效果。可用于企业团队人物介绍ui布局。下载链接: https://pan.baidu....

前端用法:JavaScript 获取当前GPS地理位置的方法,保姆级代码!

前端用法:JavaScript 获取当前GPS地理位置的方法,保姆级代码!

在网上搜到很多,99%不能用,自己动手将整理记录一下吧,以便后续再使用!<head>     <ti...

发表评论

访客

看不清,换一张

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