名稱： js在線文字字數(shù)統(tǒng)計小工具
要求：需要引入jQuery 2.0
使用：直接復制粘貼整理即可

下面是文字統(tǒng)計小工具代碼實例：

所需函數(shù)：

//獲取中文字符 function getGbkNum(str){var reg = /[\u4e00-\u9fa5]/g;var result =str.match(reg);var count = !result ? 0 : result.length;return count; } //獲取英文字符個數(shù) function getEnNum(str){var reg = /[a-z]/ig;var result =str.match(reg);var count = !result ? 0 : result.length;return count; }//獲取空格個數(shù) function getNullNum(str,c){var regex = new RegExp(c, 'g'); var result = str.match(regex);var count = !result ? 0 : result.length;return count; }//獲取字符串特殊符號個數(shù) function getOtherNum(str){var reg = /[^\w\s]+/g;var result =str.match(reg);var count = !result ? 0 : result.length;return count; }

前端js代碼：

<script type="text/javascript">$(function() {$("#content").bind('propertychange input',function(){var content= $("#content").val();var strnum = content.length;var gbknum = getGbkNum(content);var ennum = getEnNum(content);var nullnum = getNullNum(content," ");var othernum = getOtherNum(content);var sznum = getSzNum(content);if(strnum){$("#loading").hide(200);$("#jsonData").show(500);$("#strNum").html('總共'+strnum+'個');$("#gbkNum").html('共'+gbknum+'個');$("#enNum").html('共'+ennum+'個');$("#nullNum").html(nullnum+'個');$("#otherNum").html(othernum+'個');$("#szNum").html(sznum+'個');}else{$("#loading").show(500);$("#jsonData").hide(200);}})}); </script>

前端html代碼：

<textarea id="content" rows="15" style="resize: none"></textarea><pre id="jsonData" style="display: none">全文字符串長度：<span id="strNum"></span><br>其中中文字符有：<span id="gbkNum"></span><br>其中英文字符有：<span id="enNum"></span><br>其中空格共有：<span id="nullNum"></span><br>其他符號共有：<span id="otherNum"></span><br>數(shù)字共有：<span id="szNum"></span> </pre>

總結(jié)

以上是生活随笔為你收集整理的JS实现的文章字符串中某个字符总个数统计在线小工具实例的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。