<div class="toolcode">
        <style type="text/css">
            .num {
                font-size: 14px;
                font-weight: 700;
                color: #F00
            }
        </style>
        <textarea id="content" name="content" class="toolarea">除夕更阑人不睡,厌禳钝滞迎新岁;
            小儿呼叫走长街,云有痴呆召人买。
            二物于人谁独无?就中吴侬仍有余;
            巷南巷北卖不得,相逢大笑相揶揄。
            栎翁块坐重帘下,独要买添令问价。
            儿云翁买不须钱,奉赊痴呆千百年。
            http://www.baidu.com/
            2018年12月3日17:32:11
        </textarea>
        汉字:<span id="zhongwen" class="num">87</span> 个<br>
        中文标点:<span id="zbiaodian" class="num">12</span> 个<br>汉字+标点:<span id="zhongwenbiaodian" class="num">99</span> 个<br>
        英文:<span id="yingwen" class="num">43</span> 个 (含英文状态下的数字、符号、标点)<br>
        数字:<span id="shuzi" class="num">13</span> 个<br>
        字符总数:<span id="numwords" class="num">241</span> 个字符<br><br>
        小贴士:汉字和中文标点算两个字符,数字、空格、英文字母,英文标点算做一个字符。<br>

        <script language="javascript">
            function $(id) {
                return document.getElementById(id);
            }
            var EventUtil = function () {};
            EventUtil.addEventHandler = function (obj, EventType, Handler) {
                //如果是FF
                if (obj.addEventListener) {
                    obj.addEventListener(EventType, Handler, false);
                }
                //如果是IE
                else if (obj.attachEvent) {
                    obj.attachEvent('on' + EventType, Handler);
                } else {
                    obj['on' + EventType] = Handler;
                }
            }

            //alert($("chaptercontent").value);
            if ($("content")) {
                EventUtil.addEventHandler($('content'), 'propertychange', CountChineseCharacters);
                EventUtil.addEventHandler($('content'), 'input', CountChineseCharacters);
                //EventUtil.addEventHandler($('chaptercontent'),'keydown',CountChineseCharacters('chaptercontent'));
            }
            window.onload = CountChineseCharacters();

            function showit(Word) {
                alert(Word);
            }

            function CountChineseCharacters() {
                Words = $('content').value;
                var W = new Object();
                var Result = new Array();
                var iNumwords = 0;
                var sNumwords = 0;
                var sTotal = 0; //双字节字符;
                var iTotal = 0; //中文字符;
                var eTotal = 0; //E文字符
                var otherTotal = 0;
                var bTotal = 0;
                var inum = 0;

                for (i = 0; i < Words.length; i++) {
                    var c = Words.charAt(i);
                    if (c.match(/[\u4e00-\u9fa5]/)) {
                        if (isNaN(W[c])) {
                            iNumwords++;
                            W[c] = 1;
                        }
                        iTotal++;
                    }
                }

                for (i = 0; i < Words.length; i++) {
                    var c = Words.charAt(i);
                    if (c.match(/[^\x00-\xff]/)) {
                        if (isNaN(W[c])) {
                            sNumwords++;

                        }
                        sTotal++;
                    } else {
                        eTotal++;
                    }
                    if (c.match(/[0-9]/)) {
                        inum++;
                    }
                }
                //alert(iTotal);
                $('zhongwen').innerText = iTotal;
                $('zbiaodian').innerText = sTotal - iTotal;
                $('zhongwenbiaodian').innerText = sTotal;
                $('yingwen').innerText = eTotal;
                $('shuzi').innerText = inum;
                document.getElementById("numwords").innerHTML = iTotal * 2 + (sTotal - iTotal) * 2 + eTotal;
            }
        </script>
    </div>

  

js统计字数的更多相关文章

  1. js统计文本框剩余可输入字数

    js统计文本框剩余可输入字数 <html><head runat="server"> <title></title> <scr ...

  2. js计算字数

    <html> <head> <meta http-equiv="Content-Type" content="text/html; char ...

  3. textarea统计字数

    开发项目中经常会用到,textarea统计字数 源码如下: <!DOCTYPE html><html lang="en"><head> < ...

  4. textarea还剩余字数统计,支持复制粘贴的时候统计字数

    <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title&g ...

  5. word2016_统计字数

    统计字数 审阅->字数统计

  6. jquery实现输入框实时统计字数和设置字数限制功能

    <html> <header> <meta charset="utf-8"> <title>测试实时字数显示</title&g ...

  7. js统计字符串中各种字符情况

    问题描述:在一个字符串中,统计出大写字母.小写字母.数字和其他字符各数.这个算法以前在学习java的时候,老师说过,而且说了四种算法.在孔乙己的世界里,茴香豆的"茴"字有四种写法嘛 ...

  8. 关于写作那些事之利用 js 统计各大博客阅读量

    在日常文章数据统计的过程中,纯手动方式已经难以应付,于是乎,逐步开始了程序介入方式进行统计. 在上一节中,探索利用 csv 文件格式进行文章数据统计,本来以为能够应付一阵子,没想到仅仅一天我就放弃了. ...

  9. hdu 1735(贪心) 统计字数

    戳我穿越:http://acm.hdu.edu.cn/showproblem.php?pid=1735 对于贪心,二分,枚举等基础一定要掌握的很牢,要一步一个脚印走踏实 这是道贪心的题目,要有贪心的意 ...

随机推荐

  1. java自动化-junit框架简述

    本人使用的是java的junit框架来组织的自动化测试,故我这边需要简单介绍一下junit框架 首先,建议自行百度一下junit框架,先有一个大概的了解 所谓的接口自动化测试,会对多个接口中每一个接口 ...

  2. selenium3 TestNG 介绍与配置

    一.TestNG介绍 我之前有学习过Junit,Nunit 这些工具,现在想看看TestNG,那么TestNG是什么呢?他们之间有什么区别呢? TestNG(Next Generation)是一个测试 ...

  3. jq冲刺

    1.入口函数$(document).ready(function(){ })简便写法:$(()=>{ }) js的入口函数window.onload()区别js的入口函数要比jq的要晚很多,wi ...

  4. JMeter参数化中存在逗号的解决方法

    在Jmeter中通过CSV Data Set Config进行参数化时,如果参数化数据中存在逗号(,)我们可以通过一下方式进行设置 如何存在中文乱码,可以设置file encoding:gb2312

  5. jenkins-参数化构建(二)插件:Extended Choice Parameter

    一.Extended Choice Parameter插件 这个插件相对丰富,安装过程就不过多介绍了,在点击项目设置后会出现下载的插件名字. 写在文件中构建时效果如下:

  6. Asch PK Lisk系列之一:安全性

    在币圈,听到对数字货币的质疑之声从来没少过.为什么有人会质疑呢?他们列出了很多理由(以下四点内容摘自网络): 数字货币是依附于网络的,而中国并没有独立自主的网络技术,容易被敌对势力利用数字货币损害中国 ...

  7. 洛谷P1115 最大字段和【线性dp】

    题目:https://www.luogu.org/problemnew/show/P1115 题意: 求给定数组的最大区间和. 思路: $dp[i][0]$表示以1~i的数组,不选i的最大字段和.$d ...

  8. 关于python列表和元组的基本操作

    一.列表 列表是python中最常出现的一种数据存储形式,掌握列表的基本操作可以快速而有效的提高我们的代码书写效率.列表中存放的数据有如下基本操作:如增.删.改.查,掌握了这四个操作,就基本掌握了列表 ...

  9. box-shodow的使用

    text-shadow是给文本添加阴影效果,box-shadow是给元素块添加周边阴影效果.随着HTML5和CSS3的普及,这一特殊效果使用越来越普遍. 基本语法是{box-shadow:[inset ...

  10. js之history

    浏览历史记录window.history,不会刷新页面内容,只会更改历史记录,用location.href 才会刷新 1. history.pushState() & history.repl ...