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

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

admin5年前 (2019-03-24)JavaScript558

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限制文字字数,超出用省略号......表示

$(".myTit").each(function(){       &nbs...

javascript 滚动插入元素动画特效

javascript 滚动插入元素动画特效

监听窗体滚动条,新的元素会以 左移、右移、淡出、淡入 等各种方式插入到文档流中<head>     <...

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

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

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

js轮播图滑块过渡特效

js轮播图滑块过渡特效

js flipping插件制作简洁时尚的带缩略图的大图轮播幻灯片展示,点击左右箭头按钮,标题,缩略图,大图滑动切换效果。下载链接: https://pan.ba...

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

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

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

大气磅礴的滑块网页背景

大气磅礴的滑块网页背景

<html>     <head>     <...

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。
X 要酷!乐于助人,网络是一个神奇的地方,玩得愉快,击掌