字数统计 - 小睿 AI 工具�?/title> <style> * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: -apple-system, BlinkMacSystemFont, sans-serif; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); min-height: 100vh; padding: 20px; } .container { max-width: 800px; margin: 0 auto; background: #fff; border-radius: 20px; padding: 30px; box-shadow: 0 10px 40px rgba(0,0,0,0.1); } .header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; padding-bottom: 20px; border-bottom: 2px solid #f0f0f0; } .tool-name { font-size: 24px; font-weight: bold; color: #333; } .back-link { color: #667eea; text-decoration: none; } textarea { width: 100%; min-height: 250px; padding: 20px; border: 2px solid #e0e0e0; border-radius: 15px; font-size: 16px; resize: vertical; margin-bottom: 30px; } textarea:focus { outline: none; border-color: #667eea; } .stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 20px; } .stat-card { text-align: center; padding: 25px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius: 15px; color: #fff; } .stat-value { font-size: 42px; font-weight: bold; margin-bottom: 5px; } .stat-label { font-size: 14px; opacity: 0.9; } .detail-section { margin-top: 30px; padding: 20px; background: #f9f9f9; border-radius: 15px; } .detail-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; margin-top: 15px; } .detail-item { display: flex; justify-content: space-between; padding: 12px 15px; background: #fff; border-radius: 8px; } .detail-label { color: #666; } .detail-value { font-weight: 600; color: #667eea; } .btn-group { display: flex; gap: 10px; margin-top: 20px; } .btn { padding: 12px 24px; border: none; border-radius: 10px; cursor: pointer; font-size: 14px; } .btn-primary { background: linear-gradient(135deg, #667eea, #764ba2); color: #fff; } .btn-secondary { background: #f0f0f0; color: #333; } </style> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "SoftwareApplication", "name": "字数统计", "description": "", "url": "https://xrdj.club/tool.php?id=37", "applicationCategory": "UtilitiesApplication", "operatingSystem": "All", "offers": { "@type": "Offer", "price": "0", "priceCurrency": "CNY" }, "author": { "@type": "Organization", "name": "小睿 AI 工具箱", "url": "https://xrdj.club" } } </script> </head> <body> <div class="container"> <div class="header"> <div class="tool-name">📊 字数统计</div> <a href="/" class="back-link">�?返回首页</a> </div> <textarea id="textInput" placeholder="请输入或粘贴要统计的文本内容..." oninput="countText()"></textarea> <div class="stats-grid"> <div class="stat-card"> <div class="stat-value" id="charCount">0</div> <div class="stat-label">总字符数</div> </div> <div class="stat-card"> <div class="stat-value" id="wordCount">0</div> <div class="stat-label">中文词数</div> </div> <div class="stat-card"> <div class="stat-value" id="enWordCount">0</div> <div class="stat-label">英文单词</div> </div> <div class="stat-card"> <div class="stat-value" id="lineCount">0</div> <div class="stat-label">行数</div> </div> </div> <div class="detail-section"> <h3 style="margin-bottom: 15px;">📈 详细统计</h3> <div class="detail-grid"> <div class="detail-item"> <span class="detail-label">中文字符</span> <span class="detail-value" id="chineseCount">0</span> </div> <div class="detail-item"> <span class="detail-label">英文字母</span> <span class="detail-value" id="letterCount">0</span> </div> <div class="detail-item"> <span class="detail-label">数字</span> <span class="detail-value" id="numberCount">0</span> </div> <div class="detail-item"> <span class="detail-label">标点符号</span> <span class="detail-value" id="punctuationCount">0</span> </div> <div class="detail-item"> <span class="detail-label">空格</span> <span class="detail-value" id="spaceCount">0</span> </div> <div class="detail-item"> <span class="detail-label">其他字符</span> <span class="detail-value" id="otherCount">0</span> </div> </div> </div> <div class="btn-group"> <button class="btn btn-primary" onclick="copyStats()">📋 复制统计</button> <button class="btn btn-secondary" onclick="clearText()">🗑�?清空</button> </div> </div> <script> function countText() { const text = document.getElementById('textInput').value; // 基础统计 const chars = text.length; const lines = text ? text.split('\n').length : 0; // 中文统计（包括汉字和中文标点�? const chinese = (text.match(/[\u4e00-\u9fa5]/g) || []).length; // 英文单词统计 const enWords = (text.match(/[a-zA-Z]+/g) || []).length; // 字母统计 const letters = (text.match(/[a-zA-Z]/g) || []).length; // 数字统计 const numbers = (text.match(/\d/g) || []).length; // 标点符号（中英文�? const punctuation = (text.match(/[.,!?;:'"()[]{}<>，。！？；�?'（）【】《》]/g) || []).length; // 空格统计（包括各种空白字符） const spaces = (text.match(/\s/g) || []).length; // 其他字符 const other = chars - chinese - letters - numbers - punctuation - spaces; // 更新显示 document.getElementById('charCount').textContent = chars; document.getElementById('wordCount').textContent = chinese; document.getElementById('enWordCount').textContent = enWords; document.getElementById('lineCount').textContent = lines; document.getElementById('chineseCount').textContent = chinese; document.getElementById('letterCount').textContent = letters; document.getElementById('numberCount').textContent = numbers; document.getElementById('punctuationCount').textContent = punctuation; document.getElementById('spaceCount').textContent = spaces; document.getElementById('otherCount').textContent = Math.max(0, other); } function copyStats() { const text = document.getElementById('textInput').value; if (!text.trim()) { alert('请先输入文本'); return; } const stats = `字数统计结果�? 总字符数�?{document.getElementById('charCount').textContent} 中文词数�?{document.getElementById('wordCount').textContent} 英文单词�?{document.getElementById('enWordCount').textContent} 行数�?{document.getElementById('lineCount').textContent} 中文字符�?{document.getElementById('chineseCount').textContent} 英文字母�?{document.getElementById('letterCount').textContent} 数字�?{document.getElementById('numberCount').textContent} 标点符号�?{document.getElementById('punctuationCount').textContent}`; navigator.clipboard.writeText(stats).then(() => { alert('统计结果已复制！'); }); } function clearText() { document.getElementById('textInput').value = ''; countText(); } </script> </body> </html>