JS實現獲取漢字首字母拼音、全拼音及混拼音的方法
更新時間：2017年11月14日 14:27:27 作者：JazyWoo
這篇文章主要介紹了JS實現獲取漢字首字母拼音、全拼音及混拼音的方法,涉及針對ChinesePY.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>
PS：這里再為大家提供幾款本站拼音與字母相關工具供大家參考：
在線漢字轉換成拼音工具：
http://tools.jb51.net/transcoding/pinyin
在線字母大小寫轉換工具：
http://tools.jb51.net/transcoding/upper
在線拼音輸入法：
http://tools.jb51.net/transcoding/zxpinyin
更多關于JavaScript相關內容感興趣的讀者可查看本站專題：《JavaScript查找算法技巧總結》、《JavaScript遍歷算法與技巧總結》、《javascript編碼操作技巧總結》、《JavaScript中json操作技巧總結》、《JavaScript錯誤與調試技巧總結》、《JavaScript數據結構與算法技巧總結》及《JavaScript數學運算用法總結》
希望本文所述對大家JavaScript程序設計有所幫助。
相關文章
這篇文章主要介紹了JS實現的另類手風琴效果網頁內容切換代碼,通過JavaScript響應鼠標事件動態(tài)操作頁面元素樣式屬性實現手風琴效果,具有一定參考借鑒價值,需要的朋友可以參考下2015-09-09
兼容IE/Firefox/Opera/Safari的檢測頁面裝載完畢的腳本Ext.onReady的實現
其中對于IE的檢測很有意思。 以上代碼，整理自Extjs的腳本，完全可以代替 Ext.onReady使用。2009-07-07
這篇文章主要是對常用的JavaScript驗證正則表達式進行了詳細的匯總介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-11-11
本文給大家分享使用js和css3制作的炫酷彈窗效果，整個背景模糊，要比純色加透明度高大上好多。對js彈窗效果感興趣的朋友一起學習吧2016-11-11
這篇文章主要介紹了JavaScript中的深淺拷貝，幫助大家更好的理解和學習JavaScript，感興趣的朋友可以了解下2020-09-09
這篇文章主要介紹了javascript面向對象程序設計，分享給大家一段代碼，注釋里講解的非常詳細，有助于我們理解面向對象，這里推薦給大家。2015-01-01
在項目開發(fā)中,當頁面請求接口時,組件局部或者頁面全局顯示loading加載遮罩可謂是司空見慣了,下面來討論一下如何優(yōu)雅的使用loading狀態(tài),文中通過代碼示例介紹的非常詳細,需要的朋友可以參考下2024-09-09
本文與大家分享個js實現倒計時的代碼，主要實現功能距離結束還有多少時間，感興趣的朋友可以參考下，希望對大家學習js有所幫助2013-07-07
本篇文章主要是對js/jquery解析json和數組格式的方法進行了詳細的介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-01-01
數組去重復是一個常見的需求，我們暫時考慮同類型的數組去重復。主要是理清思路和考慮下性能。以下方法，網上基本都有，這里只是簡單地總結一下。2015-04-04