js截取字符串最后两位_javascript截取字符串的方法

烈酒孤饮
预计阅读时长 4 分钟
位置: 首页 干货享 正文

精彩导读:

任凭愁思百结,辗转难眠,推轩望月。圆月高悬,散落满地皎辉。想来,明月必无情,千年风霜尽,多情易老。若有情,早该随风老去。明知月无情,为何屡屡寄情于明月?

js截取字符串最后两位_javascript截取字符串的方法

有许多朋友给我们发了信息询问各方面的问题,今天呆玛网将为大家来详细介绍“js截取字符串最后两位_javascript截取字符串的方法”。希望对你们有所帮助!原创内容如下:

平时前端研究事件时,总是会需要对字符串进行截断,例如新闻标题,需要把超出可视地区后需要进行截断,如下图:

小编我由主要负责后端研究,最开始是选用后端方法来实现字符串截断,之后传递给前端人员使用。

但是这种方法有一个弊端,尤其是响应式的页面,截断偷取字数无法精确控制,例如pc端可视地区应该展现150个字符,但是手机app软件屏幕最多就只能展现20个字符,所以通过后端来控制字符数是超级烂的解决问题方案,最好的解决问题的办法是通过前端方法来截断字符串,下面分别用javascript和css的方法来实现。

先看一下html部分

怎么要生产高端的网址?高端网址建设售价怎么越来越高?

下面分别针对这行html进行截断操作。

1、javascript方法。

先封装一个截断偷取字符串的方法,代码如下:

之后再页面中选用jQuery方法调用:

这种方法应该实现字符串的截断偷取,但是这种方法也不理想,pc端和手机APP软件截断偷取字数还是需要单独根据浏览器类别来定义。

2、css控制,这种是最讲解的解决问题方案

定义一个css类:

.title{

 white-space:nowrap;

 text-overflow:ellipsis; 

 overflow:hidden;

}

text-overflow:ellipsis;这句意思是超出可视地区后展现三个点…,如果只想截断,应该改为:text-overflow:clip。

今天先写到这里,如果感觉对您有帮助,应该转发一下,后面有时间再共享一下前端技术给各位。

以上内容就是关于“js截取字符串最后两位_javascript截取字符串的方法”的全部内容,是由网友投稿,呆玛网小编认真整理编辑的,如果对您有帮助请收藏转发!感谢支持!

活在当下,别在怀念过去或者憧憬未来中浪费掉你现在的生活。

本文来自投稿,不代表本站立场,如若转载,请注明出处:
-- 展开阅读全文 --
头像
oversized是什么牌子_override与重载的区别
« 上一篇 2023-05-01
吃鸡怎么玩新手教程凡人修仙传韩立_女生新手吃鸡常识
下一篇 » 2023-05-01
取消
微信二维码
支付宝二维码

发表评论

暂无评论,7300人围观

作者信息

似水流年

今日已经过去小时
这周已经过去
本月已经过去
今年已经过去个月

热门文章

最近发表

目录[+]