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权威指南 学习笔记之null和undefined
Sep 25 Javascript
基于jquery实现的定时显示与隐藏div广告的实现代码
Aug 22 Javascript
Javascript 命名空间模式
Nov 01 Javascript
jquery实现显示已选用户
Jul 21 Javascript
javascript实现的登陆遮罩效果汇总
Nov 09 Javascript
jQuery文件上传控件 Uploadify 详解
Jun 20 Javascript
全面接触神奇的Bootstrap导航条实战篇
Aug 01 Javascript
Vue.JS入门教程之列表渲染
Dec 01 Javascript
jquery实现input框获取焦点的简单实例
Jan 26 Javascript
Vue.js开发环境快速搭建教程
Mar 17 Javascript
实例详解BootStrap的动态模态框及静态模态框
Aug 13 Javascript
jQuery内容过滤选择器与子元素过滤选择器用法实例分析
Feb 20 jQuery
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 xml常用函数的集合(比较详细)
2013/06/06 PHP
php 反斜杠处理函数addslashes()和stripslashes()实例详解
2016/12/25 PHP
php 从一个数组中随机的取出若干个不同的数实例
2016/12/31 PHP
PHP中遍历数组的三种常用方法实例分析
2019/06/24 PHP
用javascript实现点击链接弹出&quot;图片另存为&quot;而不是直接打开
2007/08/15 Javascript
javascript Array.prototype.slice使用说明
2010/10/11 Javascript
jquery如何判断某元素是否具备指定的样式
2013/11/05 Javascript
根据身份证号自动输出相关信息(籍贯,出身日期,性别)
2013/11/15 Javascript
jquery调取json数据实现省市级联的方法
2015/01/29 Javascript
跟我学习javascript创建对象(类)的8种方法
2015/11/20 Javascript
javascript仿百度输入框提示自动下拉补全
2016/01/07 Javascript
jQuery web 组件 后台日历价格、库存设置的代码
2016/10/14 Javascript
Angular2安装angular-cli
2017/05/21 Javascript
javascript中mouseenter与mouseover的异同
2017/06/06 Javascript
使用SVG基本操作API的实例讲解
2017/09/14 Javascript
对vue下点击事件传参和不传参的区别详解
2018/09/15 Javascript
微信小程序实现多选功能
2018/11/04 Javascript
记一次Vue.js混入mixin的使用(分权限管理页面)
2019/04/17 Javascript
Node.js爬虫如何获取天气和每日问候详解
2019/08/26 Javascript
python字典键值对的添加和遍历方法
2016/09/11 Python
不同版本中Python matplotlib.pyplot.draw()界面绘制异常问题的解决
2017/09/24 Python
Python实现的批量修改文件后缀名操作示例
2018/12/07 Python
Python 3.8新特征之asyncio REPL
2019/05/28 Python
pycharm进入时每次都是insert模式的解决方式
2021/02/05 Python
Python的collections模块真的很好用
2021/03/01 Python
利用CSS3的3D效果制作正方体
2020/03/10 HTML / CSS
整理HTML5中表单的常用属性及新属性
2016/02/19 HTML / CSS
东方电视购物:东方CJ
2016/10/12 全球购物
标签和贴纸印刷:Lightning Labels
2018/03/22 全球购物
校长先进事迹材料
2014/02/01 职场文书
马智宇结婚主持词
2014/04/01 职场文书
党在我心中演讲稿
2014/09/02 职场文书
法定授权委托证明书
2014/09/27 职场文书
初三语文教学计划
2015/01/22 职场文书
奖金申请报告模板
2015/05/15 职场文书
Python中递归以及递归遍历目录详解
2021/10/24 Python