字符串字符长度统计

注意：数字、空格以及标点符号为1个英文字符！汉字为2个字符！
推荐两个在线网站：
站长工具-在线字数统计工具
良心网站-在线字数统计

<div class="column is-three-fifths-desktop is-narrow">
  <h1 class="title is-info is-4">在线字数统计</h1>
  <div class="field is-horizontal is-info">
    <div class="field-body is-info">
      <div class="field">
        <div class="control">
          <textarea class="textarea is-focused" placeholder="输入(或粘贴)统计字数的内容:" rows="12" id="content" autofocus=""></textarea>
        </div>
      </div>
    </div>
  </div>
  <div class="buttons is-right">
    <button class="button is-loading is-text is-small">Loading</button>
    <button class="button is-primary  is-rounded is-small" type="reset" value="reset" name="reset" onclick="resetForm()">全部清空!</button>
  </div>
  <div class="field is-grouped is-grouped-multiline" id="copyArea"> <span class="tag is-medium"> 共计： </span>
    <div class="control">
      <div class="tags has-addons"> <span class="tag is-dark is-medium" id="zishu">71</span> <span class="tag is-primary is-medium">个字数</span> </div>
    </div>
    <div class="control">
      <div class="tags has-addons"> <span class="tag is-dark is-medium" id="zifu">170</span> <span class="tag is-primary is-medium">个字符</span> </div>
    </div>
  </div>
  <div class="field is-grouped is-grouped-multiline"> <span class="tag"> 包含： </span>
    <div class="control">
      <div class="tags has-addons"> <span class="tag" id="hanzi">29</span> <span class="tag is-danger is-light">个汉字</span> </div>
    </div>
    <div class="control">
      <div class="tags has-addons"> <span class="tag" id="biaodian">6</span> <span class="tag is-info is-light">个标点(全角)</span> </div>
    </div>
    <div class="control">
      <div class="tags has-addons"> <span class="tag" id="zimu">58</span> <span class="tag is-success is-light">个字母</span> </div>
    </div>
    <div class="control">
      <div class="tags has-addons"> <span class="tag" id="shuzi">42</span> <span class="tag is-warning is-light">个数字</span> </div>
    </div>
  </div>

---

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;
        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++;
            }
        }
        $('hanzi').innerText = iTotal;
        $('zishu').innerText = inum + iTotal;
        $('biaodian').innerText = sTotal - iTotal;
        $('zimu').innerText = eTotal - inum;
        $('shuzi').innerText = inum;
        document.getElementById("zifu").innerHTML = iTotal * 2 + (sTotal - iTotal) * 2 + eTotal;
    }

JQuery 根据字节数截取字符串（）

/*
 * 处理过长的字符串，截取并添加省略号
 * 注：半角长度为1，全角长度为2
 * 
 * pStr:字符串
 * pLen:截取长度
 * 
 * return: 截取后的字符串
 */
function autoAddEllipsis(pStr, pLen) {
 
	var _ret = cutString(pStr, pLen);
	var _cutFlag = _ret.cutflag;
	var _cutStringn = _ret.cutstring;
 
	if ("1" == _cutFlag) {
		return _cutStringn + "...";
	} else {
		return _cutStringn;
	}
}
 
/*
 * 取得指定长度的字符串
 * 注：半角长度为1，全角长度为2
 * 
 * pStr:字符串
 * pLen:截取长度
 * 
 * return: 截取后的字符串
 */
function cutString(pStr, pLen) {
 
	// 原字符串长度
	var _strLen = pStr.length;
 
	var _tmpCode;
 
	var _cutString;
 
	// 默认情况下，返回的字符串是原字符串的一部分
	var _cutFlag = "1";
 
	var _lenCount = 0;
 
	var _ret = false;
 
	if (_strLen <= pLen/2) {
		_cutString = pStr;
		_ret = true;
	}
 
	if (!_ret) {
		for (var i = 0; i < _strLen ; i++ ) {
			if (isFull(pStr.charAt(i))) {
				_lenCount += 2;
			} else {
				_lenCount += 1;
			}
 
			if (_lenCount > pLen) {
				_cutString = pStr.substring(0, i);
				_ret = true;
				break;
			} else if (_lenCount == pLen) {
				_cutString = pStr.substring(0, i + 1);
				_ret = true;
				break;
			}
		}
	}
	
	if (!_ret) {
		_cutString = pStr;
		_ret = true;
	}
 
	if (_cutString.length == _strLen) {
		_cutFlag = "0";
	}
 
	return {"cutstring":_cutString, "cutflag":_cutFlag};
}
 
/*
 * 判断是否为全角
 * 
 * pChar:长度为1的字符串
 * return: true:全角
 * 			false:半角
 */
function isFull (pChar) {
  if ((pChar.charCodeAt(0) > 128)) {
	return true;
    } else {
        return false;
    }
}