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

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

7年前 (2019-03-24)JavaScript1041

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 中定义数组和操作数组

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

javascript 滚动插入元素动画特效

javascript 滚动插入元素动画特效

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

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

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

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

js轮播图滑块过渡特效

js轮播图滑块过渡特效

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

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

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

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

大气磅礴的滑块网页背景

大气磅礴的滑块网页背景

<html>     <head>     <...

发表评论

访客

看不清,换一张

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