Js自動(dòng)截取字符串長度,添加省略號(hào)(……)的實(shí)現(xiàn)方法
更新時(shí)間：2017年03月06日 09:28:16 投稿：jingxian
下面小編就為大家?guī)硪黄狫s自動(dòng)截取字符串長度,添加省略號(hào)(……)的實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
JavaScript字符串處理函數(shù)，根據(jù)定義的長度截取字符串，超出部分裁掉追加……，很多時(shí)候網(wǎng)頁上顯示的內(nèi)容需要縮成“...”該方法用于處理字符串顯示固定長度，超長部分用“...”代替：
/**參數(shù)說明：
* 根據(jù)長度截取先使用字符串，超長部分追加…
* str 對(duì)象字符串
* len 目標(biāo)字節(jié)長度
* 返回值： 處理結(jié)果字符串
*/
function cutString(str, len) {
//length屬性讀出來的漢字長度為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)截取字符串長度,添加省略號(hào)(……)的實(shí)現(xiàn)方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
JS使用 cryptojs加密解密(對(duì)稱加密庫)的問題
js 加密解密可以使用 crypto-js,這是一個(gè)對(duì)稱加密的庫, 可以使用 AES DES 但沒有 rsa 等非對(duì)稱加密的方法,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),需要的朋友參考下吧2023-11-11
在 javascript 中如何快速獲取數(shù)組指定位置的元素
這篇文章主要介紹了在 javascript 中快速獲取數(shù)組指定位置的元素,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2023-04-04
如何用JS播放wav文件，理論上用js在網(wǎng)頁里嵌入一個(gè)window播放器的插件,可以播放的。,不過通用性不是很好,IE下可以用，感興趣的朋友可以參考下哈本文2013-04-04
我依稀記得哪本書上有說過,實(shí)參數(shù)限制是32個(gè)? 現(xiàn)在想想估計(jì)是我記錯(cuò)了..他也許說的是32位.2010-11-11
用js提交表單解決一個(gè)頁面有多個(gè)提交按鈕的問題
這篇文章主要介紹了用js提交表單解決一個(gè)頁面有多個(gè)提交按鈕的問題,主要是判斷是否為提交文本，然后再執(zhí)行相應(yīng)的動(dòng)作，需要的朋友可以參考下2014-09-09
JS的鼠標(biāo)監(jiān)聽mouseup鼠標(biāo)抬起失效原因及解決
這篇文章主要為大家介紹了JS的鼠標(biāo)監(jiān)聽mouseup鼠標(biāo)抬起失效原因及解決示例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-05-05
webpack進(jìn)階——緩存與獨(dú)立打包的用法
本篇文章主要介紹了webpack進(jìn)階——緩存與獨(dú)立打包的用法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-08-08
ES6 Iterator遍歷器原理，應(yīng)用場景及相關(guān)常用知識(shí)拓展詳解
這篇文章主要介紹了ES6 Iterator遍歷器原理，應(yīng)用場景及相關(guān)常用知識(shí)拓展,結(jié)合實(shí)例形式詳細(xì)分析了ES6 Iterator遍歷器具體原理、功能、用法、應(yīng)用場景及知識(shí)拓展,需要的朋友可以參考下2020-02-02
本文主要介紹了轉(zhuǎn)義字符及URI編碼的相關(guān)知識(shí)，具有很好的參考價(jià)值，下面跟著小編一起來看下吧2017-02-02
js實(shí)現(xiàn)時(shí)間日期校驗(yàn)
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)時(shí)間日期校驗(yàn)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-05-05