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 相关文章推荐
JavaScript 仿关机效果的图片层
Dec 26 Javascript
Array.prototype.slice 使用扩展
Jun 09 Javascript
常见效果实现之返回顶部(结合淡入、淡出、减速滚动)
Jan 04 Javascript
ASP.NET jQuery 实例11 通过使用jQuery validation插件简单实现用户登录页面验证功能
Feb 03 Javascript
jquery $.each() 使用小探
Aug 23 Javascript
jQuery控制的不同方向的滑动(向左、向右滑动等)
Jul 18 Javascript
Angularjs2不同组件间的通信实例代码
May 06 Javascript
Require.JS中的几种define定义方式示例
Jun 01 Javascript
详解Vuex中mapState的具体用法
Sep 28 Javascript
React Native时间转换格式工具类分享
Oct 24 Javascript
优雅的elementUI table单元格可编辑实现方法详解
Dec 23 Javascript
利用JavaScript为句子加标题的3种方法示例
Jan 05 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
多重?l件?合查?(二)
2006/10/09 PHP
php include,include_once,require,require_once
2008/09/05 PHP
PHP导出MySQL数据到Excel文件(fputcsv)
2011/07/03 PHP
zf框架的db类select查询器join链表使用示例(zend框架)
2014/03/14 PHP
Cygwin中安装PHP方法步骤
2015/07/04 PHP
Yii2 rbac权限控制操作步骤实例教程
2016/04/29 PHP
Laravel中unique和exists验证规则的优化详解
2018/01/28 PHP
php设计模式之正面模式实例分析【星际争霸游戏案例】
2020/03/24 PHP
JavaScript单元测试ABC
2012/04/12 Javascript
Jquery实现自定义窗口随意的拖拽
2014/03/12 Javascript
Javascript中的回调函数和匿名函数的回调示例介绍
2014/05/12 Javascript
JavaScript和CSS交互的方法汇总
2014/12/02 Javascript
jQuery实现仿QQ头像闪烁效果的文字闪动提示代码
2015/11/03 Javascript
AngularJS ng-bind 指令简单实现
2016/07/30 Javascript
详解JavaScript模块化开发
2016/12/04 Javascript
JavaScript实现自定义媒体播放器方法介绍
2017/01/03 Javascript
jQuery动态追加页面数据以及事件委托详解
2017/05/06 jQuery
Django+Vue.js搭建前后端分离项目的示例
2017/08/07 Javascript
vue-cli脚手架搭建的项目去除eslint验证的方法
2018/09/29 Javascript
NodeJs操作MongoDB教程之分页功能以及常见问题
2019/04/09 NodeJs
vue 里面的 $forceUpdate() 强制实例重新渲染操作
2020/09/21 Javascript
js闭包和垃圾回收机制示例详解
2021/03/01 Javascript
深入理解Python 代码优化详解
2014/10/27 Python
Python 自动刷博客浏览量实例代码
2017/06/14 Python
python 打印直角三角形,等边三角形,菱形,正方形的代码
2017/11/21 Python
python得到windows自启动列表的方法
2018/10/14 Python
python 字典操作提取key,value的方法
2019/06/26 Python
pymysql模块的使用(增删改查)详解
2019/09/09 Python
pytorch多GPU并行运算的实现
2019/09/27 Python
HTML5 video进入全屏和退出全屏的实现方法
2020/07/28 HTML / CSS
LightInTheBox法国站:中国跨境电商
2020/03/05 全球购物
《跨越海峡的生命桥》教学反思
2014/02/24 职场文书
教师师德师风自我剖析材料
2014/09/29 职场文书
公务员考察材料范文
2014/12/23 职场文书
2015年幼儿教师个人工作总结
2015/05/20 职场文书
nginx之queue的具体使用
2022/06/28 Servers