php,js,css字符串截取的办法集锦


Posted in Javascript onSeptember 26, 2014

可能没什么含量,求少拍砖。
首先是PHP版本的。

<?php echo mb_strimwidth("这里是内容", 0,3,"...","utf-8"); ?>

 其实只用mb_strimwidth一个函数就可以了,该函数的说明如下:
mb_strimwidth — 获取按指定宽度截断的字符串
string mb_strimwidth ( string $str , int $start , int $width [, string $trimmarker = "" [, string $encoding = mb_internal_encoding() ]] )
 参数说明:
$str 为要截断的字符串(即原字符串,输出的字符串)
$start 从第几个字符开始截取,默认是0
 $width 所需修剪的宽度
$trimmarker 截取后,在字符串末尾添加的内容(常见的为...表示省略),默认我i空
$encoding 这个参数很重要,如果字符串是中文,一定要加上。否则。。。。就可以看到“�”这东西了,以前没仔细看过这个函数,在wordpress主题里因为要显示文章的一小段内容,然后末尾就有乱码了,很久都不知道为什么。另外这个参数应该是跟网页的编码格式一致的,个人测试的时候网页编码utf-8,参数写为gbk的时候汉字就shit了。。(求大牛解释)
php版本的就这样了,有时候以为是php语言的问题,其实只是我们没仔细研究它。

js版本的:

substring()和substr()方法,两个方法*几乎*没区别,
substring()方法的第一个参数必填,为要提取的子串的第一个字符在 字符串 中的位置,第二个参数可选,是要提取的子串的最后一个字符在 stringObject 中的位置多 1位,默认无,到字符串末尾。
substr()第一个参数必需。要抽取的子串的起始下标。必须是数值。如果是负数,那么该参数声明从字符串的尾部开始算起的位置。也就是说,-1 指字符串中最后一个字符,-2 指倒数第二个字符,以此类推。第二个参数为可选。子串中的字符数。必须是数值。如果省略了该参数,那么返回从 stringObject 的开始位置到结尾的字串。
例子:

    <script type="text/javascript">

    var str="Hello world!"

    document.write(str.substring(3))

    </script>

这个例子输出:lo world!
从原字符串第三位开始,到末尾

<script type="text/javascript">

    var str="Hello world!"

    document.write(str.substring(3,7))

    </script>

这个例子输出:lo w
从原字符串第四位开始,到第七位

<script type="text/javascript">

    var str="Hello world!"

    document.write(str.substr(3))

    </script>

输出:lo world!
第三位开始到结尾

<script type="text/javascript">

    var str="Hello world!"

    document.write(str.substr(3,7))

    </script>

输出:lo worl
从第四位开始,截取7位。

 JS这两个方法可以看
http://www.w3school.com.cn/js/jsref_substring.asp
http://www.w3school.com.cn/jsref/jsref_substr.asp

第三个就是CSS的了
CSS截取主要使用text-overflow这个属性。
text-overflow: [ clip | ellipsis | <string> ]

text-overflow默认值为clip ,即当内容超出容器时,会裁切掉超出的文本,值为ellipsis时,会用省略号替代超出的文本;也可以用特定的字符串来替代超出的文本(目前仅 firefox 支持)。

省略号的例子:

.ellipsis{

        overflow: hidden;

        white-space: nowrap;

        text-overflow: ellipsis;

    }

[copy]参考资料:
http://quirksmode.org/css/user-interface/textoverflow.html
https://developer.mozilla.org/en-US/docs/Web/CSS/text-overflow

 其实css的说明看一下mozilla开发者网站的图例就明白了。在这里就不多说了。

Javascript 相关文章推荐
统一接口:为FireFox添加IE的方法和属性的js代码
Mar 25 Javascript
node.js中的url.parse方法使用说明
Dec 10 Javascript
javascript 动态修改css样式方法汇总(四种方法)
Aug 27 Javascript
JS实现获取键盘按下的按键并显示在页面上的方法
Nov 04 Javascript
jQuery获得字体颜色16位码的方法
Feb 20 Javascript
Bootstrap模态框(Modal)实现过渡效果
Mar 17 Javascript
Vue.js上下滚动加载组件的实例代码
Jul 17 Javascript
微信小程序中使用Promise进行异步流程处理的实例详解
Aug 17 Javascript
模块化react-router配置方法详解
Jun 03 Javascript
微信小程序实现Swiper轮播图效果
Nov 22 Javascript
详解关于Vue单元测试的几个坑
Apr 26 Javascript
js实现查询商品案例
Jul 22 Javascript
javascript中字符串拼接详解
Sep 26 #Javascript
JavaScript拆分字符串时产生空字符的解决方案
Sep 26 #Javascript
JavaScript实现在数组中查找不同顺序排列的字符串
Sep 26 #Javascript
前端轻量级MVC框架CanJS详解
Sep 26 #Javascript
alert出数组中的随即值代码
Sep 25 #Javascript
jquery得到iframe src属性值的方法
Sep 25 #Javascript
jquery获得同源iframe内body下标签的值的方法
Sep 25 #Javascript
You might like
一个PHP数组应该有多大的分析
2009/07/30 PHP
php session_start()关于Cannot send session cache limiter - headers already sent错误解决方法
2009/11/27 PHP
php 目录遍历、删除 函数的使用介绍
2013/04/28 PHP
简单谈谈php延迟静态绑定
2016/01/26 PHP
Yii2框架dropDownList下拉菜单用法实例分析
2016/07/18 PHP
php字符串函数 str类常见用法示例
2020/05/15 PHP
popdiv
2006/07/14 Javascript
jquery单行文字向上滚动效果的实现代码
2014/09/05 Javascript
使用jQuery实现星级评分代码分享
2014/12/09 Javascript
Angular中的Promise对象($q介绍)
2015/03/03 Javascript
javascript数组排序汇总
2015/07/07 Javascript
node.js回调函数之阻塞调用与非阻塞调用
2015/11/13 Javascript
jQuery点击其他地方时菜单消失的实现方法
2016/04/22 Javascript
webpack external模块的具体使用
2018/03/10 Javascript
nodejs 生成和导出 word的实例代码
2018/07/31 NodeJs
微信小程序常用的3种提示弹窗实现详解
2019/09/19 Javascript
vue路由传参的基本实现方式小结【三种方式】
2020/02/05 Javascript
Vue使用轮询定时发送请求代码
2020/08/10 Javascript
如何使用原生Js实现随机点名详解
2021/01/06 Javascript
Vue 实例中使用$refs的注意事项
2021/01/29 Vue.js
Python中的Classes和Metaclasses详解
2015/04/02 Python
Python中subprocess的简单使用示例
2015/07/28 Python
利用Python批量压缩png方法实例(支持过滤个别文件与文件夹)
2017/07/30 Python
使用python实现BLAST
2018/02/12 Python
Python面向对象类编写细节分析【类,方法,继承,超类,接口等】
2019/01/05 Python
使用pth文件添加Python环境变量方式
2020/05/26 Python
如何基于Python Matplotlib实现网格动画
2020/07/20 Python
Python通过队列来实现进程间通信的示例
2020/10/14 Python
印尼旅游网站:via
2017/11/12 全球购物
最新销售员个人自荐信
2013/09/21 职场文书
财务学生的职业生涯发展
2014/02/11 职场文书
协议书范本
2014/04/23 职场文书
同学聚会感言一句话
2015/07/30 职场文书
参加招聘会后的感想
2015/08/10 职场文书
JavaScript实现显示和隐藏图片
2021/04/29 Javascript
你知道Java Spring的两种事务吗
2022/03/16 Java/Android