统计页面字数

最新推荐文章于 2022-10-24 23:45:26 发布
原创 最新推荐文章于 2022-10-24 23:45:26 发布 · 928 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#function #div #javascript #html #null #c

 <html>
<head>
<title></title>
</head>
<body>

<table>
<tr><td>123456789</td></tr>
<tr><td>123456789</td></tr>
<tr><td>123456789</td></tr>
<tr><td>123456789</td></tr>
<tr><td>123456789</td></tr>
<tr><td>123456789</td></tr>
</table>
<div>
12345896444
</div>

<div>
12345896444
</div>
<div>
12345896444
</div>
<div>
12345896444
</div>
<div>
12345896444
</div>

<script language="javascript" type="text/javascript">

function cleanWhitespace(element)
{
element=element||document;
var cur=element.firstChild;
while(cur!=null)
{
if(cur.nodeType==3&&!//S/.test(cur.nodeValue))
{
 element.removeChild(cur);
 
}else if(cur.nodeType==1)
{ 
 cleanWhitespace(cur);
}
cur=cur.nextSibling;
}
}
alert("ok");
cleanWhitespace(document.documentElement);

var num=0;
var testdiv = document.body;
(function(node) {
for (var i=0; i <node.childNodes.length; i++) {
var c = node.childNodes[i];
if (c.nodeType == 3)
{
num+=parseInt(c.nodeValue.length);
alert(num);
}
else
arguments.callee(c);
        }
})(  testdiv  );
</script>

</body>
</html>

xiaofan_sap
关注
如何快速统计网站所有页面的文本字数
程序猿专栏
03-04 5370
目录导读WinHTTrack Website Copier工具的使用python获取html文件中的文本内容 导读 在这里要给大家介绍的是如何快速统计网站所有页面的文本字数 ，需要用到两个工具分别是HTTrack Website Copier和python。 WinHTTrack Website Copier工具的使用 通过WinHTTrack Website Copier将整个网站的所有页面进行下载，接下来我们介绍工具如何使用： 1.打开WinHTTrack Website Copier，下一步 2.
PHP实时统计中文字数和区别
10-17
在统计中文字数时，`mb_strlen()`配合指定的UTF-8编码通常是正确的选择，因为它能正确识别每个中文字符。然而，如果你需要考虑字符的显示宽度，如在计算一行文本的宽度时，`mb_strwidth()`则更为合适。 2. ...
网页字数统计
03-23
用于统计网页与其一级子链接的中英文字数。去除英文空格
网页输入字数统计[摘]
weixin_33742618的博客
08-19 241
为什么80%的码农都做不了架构师？>>> ...
confluence 统计每个空间、每个页面、每个用户、每天的访问数据
11-18
confluence 统计每个空间、每个页面、每个用户、每天的访问数据 包含各个维度的基本数据，可以做各种透视分析 也可以做其他扩展。 此sql需要先知道空间ID，不知道可以查看SPACE表格 统计需安装PageViewTracker插件
js实现多行文本框统计剩余字数功能
10-20
本文将详细讲解如何使用JavaScript（简称js）来实现一个实时统计多行文本框内剩余字数的功能，并提供相应的代码示例。 首先，创建一个HTML页面，设置一个`textarea`元素，用于用户输入文字。为了防止用户改变文本框...
jQuery实时统计输入框字数及限制
10-15
首先，我们需要创建一个 HTML 页面，包含一个文本输入框（`<textarea>`）和一个用于显示当前字数的 `<span>` 元素。HTML 代码如下： ```html <!DOCTYPE html> , initial-scale=1.0"> <title>jQuery实时统计...
如何统计一篇文章的字数
书写心得，分享感悟
10-24 1456
思路就是在文章编辑的时候监听change事件，获取编辑区域class下的textContent属性，这个属性会返回指定dom节点下下文本的内容，我们再去文本的长度就是文本的长度，然后在保存文章的时候讲字数字段一并提交保存到数据库，查看文章的时候就直接取该字段即可，这样既不用通过正则也不用通过代码从而简单快速地实现统计字数功能，大概看了一些统计的字数，总体上没有太大的偏差。大家好我是图恩，我们经常看到一些文章会显示字数和阅读完大概几分钟这个功能，提前给读者一个信息可以让读者决定是否继续阅读。
一个简单的MFC统计字数的程序
03-24
用MFC写的一个简单的统计输入字数的小程序
qt c++ 实现高效率的统计字数
07-31
统计每个字出现的个数，并按从大到小的顺序排序，1000多万字十几秒就能统计完，使用qt制作的界面，针对学习qt的新手。
MFC读取英文段落统计字数
03-27
纯MFC编写的读取一段英文文章，统计单词数目，行数，还有每个字母出现的频率
文本输入字符串 字数统计
07-19
统计文本中单词个数 输入字符串 以空格断开
MFC统计字数
Hans的博客
06-18 550
界面设计 添加事件 void CMFCtest1Dlg::OnBnClickedOk() { // TODO: 在此添加控件通知处理程序代码 CString input; if (0 == GetDlgItemTextW(IDC_INPUT, input)) { SetDlgItemTextW(IDC_OUTPUT, L"0"); return; } CString...
简单的字数统计
昕友软件博客
11-20 469
&#13; // $Id: wc.java,v 1.2 2001/05/31 22:56:19 doug Exp $&#13; // http://www.bagley.org/~doug/shootout/&#13; // with help from Dirus@programmer.net&#13; &#13; import java.io.*;&#13; import...
文本输入框等字数统计【文字可包含中文/英文/符号/标点等】
Hizy的博客
06-06 1595
//考虑用户输入一段文字中既有中文又有英文还能有符号标点等总字数统计的问题 //度娘好久没找见比较满意的实现，就自个动手写个小demo分享一下，希望能帮助到其他遇到此问题的童鞋们~ //-----------------------------------------------------------------------------------------------
统计文章字数和全站总字数
一万年太久，只争朝夕
09-23 1248
关于统计文章字数这个功能最初我是在简书上看到的，现在在自己博客上我也想应用这个功能，便在网上寻找相关插件，找到一个比较满意的插件如下，并根据自己的需求，做了适当修改。 插件来源 https://blog.ela.moe/archives/255/ GitHub项目地址 https://github.com/elatisy/Typecho_WordsCounter WordsCounter Typecho文章字数统计 & 全站字数统计插件 可在设置里调是否统计隐藏/私有文章字数 注意: 文件夹名字必须
textarea如何统计字数？
最新发布
08-27
在网页开发中，使用 HTML 的 `<textarea>` 实现输入字数的实时统计，通常依赖于 JavaScript 来监听用户的输入行为，并动态更新字数统计信息。以下是一种实现方法： ### 实现思路 1. **HTML 部分**：创建一个 `<textarea>` 用于输入内容，同时提供一个区域来显示当前输入的字数。 2. **JavaScript 部分**：通过监听 `input` 事件来实时检测用户输入内容的变化，计算输入的字符数并更新到界面上。 ### 示例代码 ```html <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>Textarea 字数统计</title> <style> #counter { margin-top: 10px; font-size: 14px; color: #333; } </style> </head> <body> <textarea id="txta1" rows="5" cols="40" placeholder="请输入内容..."></textarea> <div id="counter">已输入字数: 0</div> <script> // 获取 textarea 和统计显示区域的 DOM 对象 const textarea = document.getElementById('txta1'); const counter = document.getElementById('counter'); // 监听 input 事件，实时统计字数 textarea.addEventListener('input', function () { // 获取当前输入内容的长度 let inputValue = textarea.value; // 去除换行符后统计字数 let length = inputValue.replace(/\n|\r/g, "").length; // 更新统计信息 counter.textContent = `已输入字数: ${length}`; }); </script> </body> </html> ``` ### 功能说明 - **`input` 事件**：每当用户在 `<textarea>` 中输入或删除内容时，会触发 `input` 事件，从而更新字数统计。 - **去除换行符**：代码中通过正则表达式 `/n|/r/g` 移除了换行符，确保换行符不计入字数统计[^2]。 - **动态更新**：字数统计结果会实时显示在页面上，用户无需提交表单即可看到当前输入的字符数。 ### 优化建议 - **移动端适配**：在移动端设备上，某些浏览器可能对 `input` 事件的支持存在差异，可以通过额外的兼容性处理（如结合 `propertychange` 事件）确保功能正常[^1]。 - **限制最大输入字数**：如果需要限制最大输入字数，可以在 `input` 事件中添加逻辑判断，当字数超过限制时阻止用户继续输入。 ### 代码扩展 如果需要实现更复杂的功能，例如限制输入字数并显示剩余可输入字数，可以修改 JavaScript 代码如下： ```javascript const maxWords = 100; // 设置最大输入字数 textarea.addEventListener('input', function () { let inputValue = textarea.value; let length = inputValue.replace(/\n|\r/g, "").length; if (length > maxWords) { // 截断超出部分 textarea.value = inputValue.slice(0, maxWords); length = maxWords; } counter.textContent = `已输入字数: ${length} / 剩余字数: ${maxWords - length}`; }); ``` 通过上述方法，可以灵活地实现 `<textarea>` 输入字数的实时统计，并根据需求进行功能扩展。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值