截取指定字數
截取指定字數,可以按照半角全角以及字母來截取,兼容IE9以及以上瀏覽器
html:
<h2>控制只顯示32個字過長顯示省略號</h2>
<div id="divbox"></div>
css:
#divbox{
width:300px;
color:red;
height:200px;
background:#efefef;
}
js:
/*
* 處理過長的字符串,截取並添加省略號
* 註:半角長度為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;
}
}
/* 演示代碼 */
var strs = "你好我是演示代碼我比較長長長長長長長長長長長長長長長長長長長長長長長長長長長長長長長長長長長長長長長長長長長長長長長長長長長長長長";
// 控制只顯示 32個字過長顯示省略號
var strAfter = autoAddEllipsis(strs, "64");
$("#divbox").attr("title",strs);
$("#divbox").html(strAfter);
截取指定字數