欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

js中根據(jù)字數(shù)截取字符串,不能截斷url

 更新時間:2012年01月12日 13:23:58   作者:  
給一個文字,對輸出的文字進行截取,保留400個字符,其中對url的保留比較麻煩,尤其是有兩個相同url時不能采用indexOf獲取其字符位置
今天收到個需求:
1,給一個文字,對輸出的文字進行截取,保留400個字符
2,截取內(nèi)容最后如果是url,保留完整url地址
3,添加省略號......
----
其中對url的保留比較麻煩,尤其是有兩個相同url時不能采用indexOf獲取其字符位置。
處理結(jié)果:

相關(guān)代碼:
復(fù)制代碼 代碼如下:

String.prototype.sizeAt = function(){
var nLen = 0;
for(var i = 0, end = this.length; i<end; i++){
nLen += this.charCodeAt(i)>128?2:1;
}
return nLen;
};
String.prototype.cutStr = function(n, sCut){
if(this.sizeAt() <= n){
return this;
}
sCut = sCut || "";
var max = n-sCut.sizeAt();
var nLen = 0;
var s = this;
for(var i =0,end = this.length;i<end;i++){
nLen += this.charCodeAt(i)>128?2:1;
if(nLen>max){
s = this.slice(0,i);
s += sCut;
break;
}
}
return s.toString();
};
String.prototype.cutStrButUrl = function(n, sCut){
if(this.sizeAt() <=n){
return this.toString();
}
sCut = sCut || "";
var max = n-sCut.sizeAt();
var s = this;
//查找所有包含的url
var aUrl = s.match(/https?:\/\/[a-zA-Z0-9]+(\.[a-zA-Z0-9]+)+([-_A-Z0-9a-z\$\.\+\!\*\/,:;@&=\?\~\#\%]*)*/gi);
//當?shù)趍ax個字符剛好在url之間時,bCut會被設(shè)置為flase;
var bCut = true;
if(aUrl){
//對每個url進行判斷
for(var i=0, endI = aUrl.length;i<endI;i++){
var sUrl = aUrl[i];
//可能出現(xiàn)兩個相同url的情況
var aP = s.split(sUrl);
var nCurr = 0;
var nLenURL = sUrl.sizeAt();
var sResult = "";
for(j = 0, endJ = aP.length; j<endJ; j++){
nCurr +=aP[j].sizeAt();
sResult +=aP[j];
sResult += sUrl;
//當前字數(shù)相加少于max但添加url超過max:即會截到url
if(nCurr < max && nCurr + nLenURL>max){
s = sResult + sCut;
bCut = false;
break;
}
nCurr += nLenURL;
}
if(bCut === false){
break;
}
};
}
if(bCut){
s = s.cutStr(n, sCut);
}
return s.toString();
};
console.log('正常截取20個字符'.cutStrButUrl(20,'......'));
console.log('正常截取20個字符,但我超了'.cutStrButUrl(20,'......'));
console.log('有url的字符串http://www.baidu.com你能截取到嗎?'.cutStrButUrl(20,'......'));
console.log('http://www.baidu.com有兩個相同url的字符串http://www.baidu.com好嗎?'.cutStrButUrl(51, '......'));

相關(guān)文章

  • javascript prototype原型操作筆記

    javascript prototype原型操作筆記

    在 JavaScript 中,prototype 不但能讓對象共享自己財富,而且 prototype 還有尋根問祖的天性,從而使得先輩們的遺產(chǎn)可以代代相傳。
    2009-12-12
  • 微信小程序引入外部icon(阿里巴巴矢量圖標)的全過程

    微信小程序引入外部icon(阿里巴巴矢量圖標)的全過程

    在小程序中,有默認的圖標icon組件,但你會發(fā)現(xiàn)它的圖標樣式很少,可能很多時候并不能滿足我們的需求,所以這篇文章主要給大家介紹了關(guān)于微信小程序引入外部icon(阿里巴巴矢量圖標)的相關(guān)資料,需要的朋友可以參考下
    2022-09-09
  • JS的location.href跳出框架打開新頁面的方法

    JS的location.href跳出框架打開新頁面的方法

    登錄頁面在框架內(nèi)打開,想讓它直接跳出框架打開(這里不是打開新窗口),終于在網(wǎng)上找到了辦法,下面分享給大家
    2014-09-09
  • 基于zepto.js實現(xiàn)手機相冊功能

    基于zepto.js實現(xiàn)手機相冊功能

    這篇文章主要為大家詳細介紹了基于zepto.js實現(xiàn)手機相冊功能,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-07-07
  • 解決bootstrap中modal遇到Esc鍵無法關(guān)閉頁面

    解決bootstrap中modal遇到Esc鍵無法關(guān)閉頁面

    Bootstrap,來自 Twitter,是目前最受歡迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它簡潔靈活,使得 Web 開發(fā)更加快捷。不過在使用的過程中,我們還是會遇到各種小問題,今天我們探討的就是個人在使用中遇到的一個小BUG的修復(fù)。
    2015-03-03
  • JavaScript中子對象訪問父對象的方式詳解

    JavaScript中子對象訪問父對象的方式詳解

    js中雖然沒有傳統(tǒng)面向?qū)ο蟮木幊陶Z言里子類訪問父類的特殊語法,但是我們可以根據(jù)需要造一個,接下來本文給大家分享在JavaScript中子對象訪問父對象的方式,需要的朋友可以參考下
    2016-09-09
  • JS Range HTML文檔/文字內(nèi)容選中、庫及應(yīng)用介紹

    JS Range HTML文檔/文字內(nèi)容選中、庫及應(yīng)用介紹

    本文的內(nèi)容基本上是基于“區(qū)域范圍對象(Range objects)”這個概念來說的
    2011-05-05
  • Express框架詳解app函數(shù)使用實例

    Express框架詳解app函數(shù)使用實例

    這篇文章主要為大家介紹了Express框架app函數(shù)使用實例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2023-03-03
  • Weex開發(fā)之地圖篇的具體使用

    Weex開發(fā)之地圖篇的具體使用

    這篇文章主要介紹了Weex開發(fā)之地圖篇的具體使用,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習或者工作具有一定的參考學(xué)習價值,需要的朋友們下面隨著小編來一起學(xué)習學(xué)習吧
    2019-10-10
  • JS調(diào)用Android、Ios原生控件

    JS調(diào)用Android、Ios原生控件

    本文主要介紹了JS調(diào)用Android、Ios通信的相同點和不同點,以便幫助我們在進行混合式開發(fā)時,提高代碼質(zhì)量,實現(xiàn)兩者在網(wǎng)頁端代碼的統(tǒng)一。下面跟著小編一起來看下吧
    2017-01-01

最新評論