看到了匹配，第一个想到了用正则表达式，哈哈，果然很方便。不过正则表达式高深莫测！我还没有研究明白啊。。目前学了点皮毛。代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

 <head>

  <title> new document </title>

  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

  <meta name="generator" content="editplus" />

  <meta name="author" content="" />

  <meta name="keywords" content="" />

  <meta name="description" content="" />

 </head>

 <body>

  <script language="javascript">

    function countChar(){

    //document.getElementById("counterzj").innerHTML= document.getElementById("status").value.length;

    var nums = document.getElementById('status').value;

    var zj=nums.replace(/[^\S]/g,"");

    document.getElementById("counterzj").innerHTML= zj.length;

    var sz = nums.replace(/[^0-9]/g,"");

    document.getElementById('countersz').innerHTML = sz.length;

    var hs = nums.replace(/[^\n]/g,"");

    document.getElementById('counterhs').innerHTML = hs.length+1; 

    var zm = nums.replace(/[^a-z]/ig,"");

    document.getElementById('counterzm').innerHTML = zm.length;

    var hz=nums.replace(/[^\u4e00-\u9fff]/g,"")

    document.getElementById('counterhz').innerHTML = hz.length;

    }

</script>

<button type='button' onclick="countChar()">开始生成题目</button><br>

字节数：<span id="counterzj"></span><br>

数字数：<span id="countersz"></span><br>

字母数：<span id="counterzm"></span><br>

行数：<span id="counterhs"></span><br>

汉字数：<span id="counterhz"></span><br>

<textarea id="status"cols="50" rows="30">

</textarea>

 </body>

</html>

代码解释：

1、var zj=nums.replace(/[^\S]/g,"");   获取nums中的所有非空白字符，replace() 方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。这样读取zi的长度就知道了字节的长度。

^符号用于匹配一行的开头。g用于全文查找出现的所有匹配字符。\S就是匹配所有非空白字符。

2、var sz = nums.replace(/[^0-9]/g,""); 其他同上，0-9用于匹配数字。

3、var hs = nums.replace(/[^\n]/g,""); 其他同1，\n用于匹配换行符。

4、var zm = nums.replace(/[^a-z]/ig,""); 其他同1，a-z用于匹配所有a-z的字母，i表示不区分大小写。

5、var hz=nums.replace(/[^\u4e00-\u9fff]/g,"");其他同1，\u4e00-\u9fff用于表示所有汉字，u4e00到u9fff是汉字的Unicode码值范围。

最后将上述五项的长度输出就行。代码演示如下：

开始生成题目
字节数：
数字数：
字母数：
行数：
汉字数：

代码目前肯定存在诸多的bug，还有不足之处，目前正在改善。并且在想方法匹配单词和注释。

可以进一下网页查看代码：

我的代码

JS 实现计算一段文字中的字节数，字母数，数字数，行数，汉字数。的更多相关文章

  1. js或者jq判断一段文字中是否有自己想要的那几个字，如果有就把那几个字变成红色

    如何判断一段文字中是否有自己想要的那几个字,如果有就把那几个字变成红色(在html中)比如有body中有这么一串文字“驾驶的后视镜的华盛顿”,想要判断里面是否有“驾驶”这两个字,如果有就把这两个字变成 ...

  2. 一段文字中的几个keyword显示高亮

    将一段文字中的几个keyword显示高亮 演示样例:将"我的愿望是当个绿巨人,所以我想让我的皮(derma)肤是绿色"中的"皮肤"显示绿色. <span ...

  3. C++统计一段文字中各单词出现的频率

    #include <iostream> using namespace std; /* run this program using the console pauser or add y ...

  4. js 小数计算为啥和想象中不一样！

    今天遇到了一个比较有趣的事,如果要你计算0.1+0.2等于多少你会怎么回答? "0.3啊!"你可能都不会考虑.我也一样,当a=0.1,b=0.2时 if(a+b === 0.3){ ...

  5. 统计一段文字中出现频率最高的10个单词（c语言）

    注:这次使用C语言做的这个程序.个别不懂的地方和算法部分是请教的其他同学,交流并吸收,所以收获颇多! 在程序中每一个地方我都做了注释,方便同学之间交流.也让老师容易看.程序也有很多不足的地方,但限于本 ...

  6. JS如何截取一段字符中，某一个字符的前面和后面的字符

    比如这里的1992631934@qq.com如何获取到@前面的1992631934和@后面的qq.com js代码如下: var mail="1992631934@qq.com" ...

  7. js replace替换一段文本中所有的相同字符

    在html<textarea>标签中回车换行的代码是: \n,html编辑器的回车换行是:\r\n或是\n. 下图是存入后台的<textarea>的文本,需要在页面上显示出来, ...

  8. 从一段文字中提取出uri信息

    package handle.groupby; import java.io.BufferedReader; import java.io.BufferedWriter; import java.io ...

  9. unity插件，从一段文字中提取中文并去重

    using System.Collections.Generic; using System.Text.RegularExpressions; using UnityEditor; using Uni ...

随机推荐

  1. Centos7系统特性之systemd

    1.centos系列的系统启动流程(内核级别的启动流程): POST(加电自检)---> Boot Sequence(BIOS)---> Boot loader (MBR)---> ...

  2. Linux 小知识翻译 - 「packet」(网络数据包)

    用手机接收邮件或者访问网页的时候,一般会说有「packet费用」(这是日本的说法,在中国好像一般都说 “流量费”),即使对网络不太熟悉的人也知道「packet」这个词(这里也是日本的情况). 那么,「 ...

  3. Python实现Excel转换工具小结

    经历过的打表工具从c++.C#,再到Python,算下来还是Python方便些.一天即可上手开发,非常适合快速迭代中的各种小工具开发. Python开源的第三方库很多,涉及excel方面的也有好几个x ...

  4. Android 用webService产生java.lang.ClassCastException: org.ksoap2.serialization.SoapPrimitive错误的解决（转）

    在做android  Webservice开发的时候一般情况下大家接受webservice服务器返回值的时候都是使用 SoapObject soapObject = (SoapObject) enve ...

  5. ABAP设计模式——适配器

    计算机科学中的大多数问题都可以通过增加一层间接性来解决.  ——David Wheeler 适配器模式(Adapter Design Pattern),是一个广泛应用于真实世界和面向对象编程语言的设计 ...

  6. Spring MVC中自定义拦截器的简单示例

    1. 引言 拦截器(Interceptor)实现对每一个请求处理前后进行相关的业务处理,类似于Servlet的Filter. 我们可以让普通的Bean实现HandlerIntercpetor接口或继承 ...

  7. 转 VMware虚拟机三种联网方式（图文详细解说）

    原文地址https://blog.csdn.net/lucienduan/article/details/38233147 VMware三种网络模式联网 首先说一下VMware的几个虚拟设备 安装了V ...

  8. 描述整体程序的 app

    一个小程序主体部分由三个文件组成,必须放在项目的根目录,如下 app.js文件 App() 函数用来注册一个小程序.接受一个 object 参数,其指定小程序的生命周期函数等.object参数说明如下 ...

  9. day22 Pythonpython random随机模块：略！！！本文os模块

    OS模块 用于提供系统级别的操作: os.getcwd() 获取当前工作目录,即当前python脚本工作的目录路径 os.chdir("dirname") 改变当前脚本工作目录:相 ...

  10. Spring4.2+SpringMVC+Mybatis3.4的集成(转-)

    文章转自 http://blog.csdn.net/jimolangge123/article/details/49210363 首先说明一下Web.xml中配置项的执行过程: <context ...