Js自動(dòng)截取字符串長(zhǎng)度,添加省略號(hào)(……)的實(shí)現(xiàn)方法
JavaScript字符串處理函數(shù),根據(jù)定義的長(zhǎng)度截取字符串,超出部分裁掉追加……,很多時(shí)候網(wǎng)頁(yè)上顯示的內(nèi)容需要縮成“...”該方法用于處理字符串顯示固定長(zhǎng)度,超長(zhǎng)部分用“...”代替:
/**參數(shù)說(shuō)明:
* 根據(jù)長(zhǎng)度截取先使用字符串,超長(zhǎng)部分追加…
* str 對(duì)象字符串
* len 目標(biāo)字節(jié)長(zhǎng)度
* 返回值: 處理結(jié)果字符串
*/
function cutString(str, len) {
//length屬性讀出來(lái)的漢字長(zhǎng)度為1
if(str.length*2 <= len) {
return str;
}
var strlen = 0;
var s = "";
for(var i = 0;i < str.length; i++) {
s = s + str.charAt(i);
if (str.charCodeAt(i) > 128) {
strlen = strlen + 2;
if(strlen >= len){
return s.substring(0,s.length-1) + "...";
}
} else {
strlen = strlen + 1;
if(strlen >= len){
return s.substring(0,s.length-2) + "...";
}
}
}
return s;
}
以上這篇Js自動(dòng)截取字符串長(zhǎng)度,添加省略號(hào)(……)的實(shí)現(xiàn)方法就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
基于JavaScript實(shí)現(xiàn)除夕煙花秀與隨機(jī)祝福語(yǔ)
新年即將來(lái)臨,本文將為大家介紹一個(gè)基于JavaScript實(shí)現(xiàn)的頁(yè)面特效:煙花秀+春節(jié)隨機(jī)祝福語(yǔ)。文中的示例代碼講解詳細(xì),感興趣的可以了解一下2022-01-01
JavaScript實(shí)現(xiàn)網(wǎng)頁(yè)計(jì)算器功能
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)網(wǎng)頁(yè)計(jì)算器功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-10-10
小程序中canvas的drawImage方法參數(shù)使用詳解
這篇文章主要介紹了小程序中canvas的drawImage方法參數(shù)使用詳解,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-07-07
JS中節(jié)流和防抖函數(shù)的實(shí)現(xiàn)及區(qū)別示例
這篇文章主要為大家介紹了JS中節(jié)流和防抖函數(shù)的實(shí)現(xiàn)及使用區(qū)別示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-06-06
詳解ES6 中的Object.assign()的用法實(shí)例代碼
這篇文章主要介紹了ES6 Object.assign()的用法及用途,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2021-01-01
js使用html2canvas實(shí)現(xiàn)屏幕截取的示例代碼
這篇文章主要介紹了js使用html2canvas實(shí)現(xiàn)屏幕截取的示例代碼,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-08-08
JavaScript 自定義彈出窗口的實(shí)現(xiàn)代碼
這篇文章主要介紹了JavaScript 自定義彈出窗口的實(shí)現(xiàn)代碼,實(shí)現(xiàn)一采用html編寫(xiě)彈出窗口內(nèi)容,實(shí)現(xiàn)二采用JavaScript編寫(xiě)彈出窗口內(nèi)容,結(jié)合示例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2023-09-09

