javascript截取字符串的本领(js截取第一个字符串)

新优网_大帅比 17 0

平常前者接洽事变时,老是会须要对字符串举行截断,比方消息题目,须要把胜过可视地域后须要举行截断,如次图:

小编我由重要控制后端接洽,最发端是采用后端本领来实行字符串截断,之后传播给前者职员运用。

然而这种本领有一个缺点,更加是相应式的页面,截断偷取篇幅没辙透彻遏制,比方pc端可视地域该当展示150个字符,然而大哥大APP软硬件屏幕最多就只能展示20个字符,以是经过后端来遏制字符数是超等烂的处置题目计划,最佳的处置题目的方法是经过前者本领来截断字符串,底下辨别用javascript和css的本领来实行。

先看一下html局部

<div class="title">

如何要消费高端的网址?高端网址树立售价如何越来越高?

</div>

底下辨别对准这行html举行截断操纵。

1、javascript本领。先封装一个截断偷取字符串的本领,代码如次:

<script>

String.prototype.left = function (len) //左边截断偷取字段数

{

 var str = this;

 if (isNaN(len) || len == null) {

 len = str.length;

 }

 else {

 if (parseInt(len) < 0 || parseInt(len) > str.length) {

 len = str.length;

 }

 }

 return str.substr(0, len);

}

</script>

之后再页面中采用jquery本领挪用:

<script type="text/javascript">

 $(function () {

 var $title=(".title");

 var txt= $title.html().left(50); //截断偷取前50个字符

 $title.html(txt); //从新发端

 });

</script>

这种本领该当实行字符串的截断偷取,然而这种本领也不理念,pc端和大哥大APP软硬件截断偷取篇幅仍旧须要独立按照欣赏器类型来设置。

2、css遏制,这种是最解说的处置题目计划设置一个css类:

.title {

 white-space: nowrap;

javascript截取字符串的本领(js截取第一个字符串)-第1张图片

 text-overflow: ellipsis; 

 overflow: hidden;

}

text-overflow: ellipsis; 这句道理是胜过可视地域后展示三个点…,即使只想截断,该当改为: text-overflow:clip。

即日先写到这边,即使发觉对您有扶助,该当转发一下,反面有功夫再共享一下前者本领给诸位。

玩耍专用无穷流量卡时艰处置

标签: 科技新闻

发表评论 (已有0条评论)

还木有评论哦,快来抢沙发吧~