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 相关文章推荐
取得传值的函数
Oct 27 Javascript
node.js chat程序如何实现Ajax long-polling长链接刷新模式
Mar 13 Javascript
javascript数组快速打乱重排的方法
Jan 02 Javascript
jQuery使用animate创建动画用法实例
Aug 07 Javascript
js简单时间比较的方法
Aug 02 Javascript
jQuery中JSONP的两种实现方式详解
Sep 26 Javascript
jQuery图片瀑布流的简单实现代码
Mar 15 Javascript
js 取消页面可以选中文字的功能方法
Jan 02 Javascript
基于Vue的ajax公共方法(详解)
Jan 20 Javascript
Vue实现开心消消乐游戏算法
Oct 22 Javascript
微信小程序仿淘宝热搜词在搜索框中轮播功能
Jan 21 Javascript
微信小程序拖拽排序列表的示例代码
Jul 08 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 Directory 函数的详解
2013/03/07 PHP
Laravel框架表单验证详解
2014/09/04 PHP
php数组保存文本与文本反编成数组实例
2014/11/13 PHP
php session 写入数据库
2016/02/13 PHP
PHP Smarty模版简单使用方法
2016/03/30 PHP
php使用ffmpeg向视频中添加文字字幕的实现方法
2016/05/23 PHP
jQuery(非HTML5)可编辑表格实现代码
2012/12/11 Javascript
Jquery方式获取iframe页面中的 Dom元素
2014/05/07 Javascript
JavaScript异步回调的Promise模式封装实例
2014/06/07 Javascript
JavaScript之Object类型介绍
2015/04/01 Javascript
javaScript中with函数用法实例分析
2015/06/08 Javascript
jquery实现简单实用的弹出层效果代码
2015/10/15 Javascript
JS实现兼容性较好的随屏滚动效果
2015/11/09 Javascript
jQuery1.9.1源码分析系列(十六)ajax之ajax框架
2015/12/04 Javascript
[原创]JQuery 在表单提交之前修改 提交的值
2016/04/14 Javascript
详解angular2采用自定义指令(Directive)方式加载jquery插件
2017/02/09 Javascript
vue.js加载新的内容(实例代码)
2017/06/01 Javascript
基于zTree树形菜单的使用实例
2017/12/25 Javascript
微信小程序框架wepy之动态控制类名
2018/09/14 Javascript
[01:00:54]TI4正赛第二日开场
2014/07/20 DOTA
Python使用py2exe打包程序介绍
2014/11/20 Python
python命令行解析之parse_known_args()函数和parse_args()使用区别介绍
2018/01/24 Python
python挖矿算力测试程序详解
2019/07/03 Python
python实现文件批量编码转换及注意事项
2019/10/14 Python
python入门之基础语法学习笔记
2020/02/08 Python
瑞典快乐袜子:Happy Socks
2018/02/16 全球购物
介绍一下.net和Java的特点和区别
2012/09/26 面试题
jQuery treeview树形结构应用
2021/03/24 jQuery
文明餐桌活动方案
2014/02/11 职场文书
科技之星事迹材料
2014/06/02 职场文书
测绘工程专业求职信
2014/07/15 职场文书
公司离职证明标准范本
2014/10/05 职场文书
2015年生产部工作总结范文
2015/05/25 职场文书
《跨越海峡的生命桥》教学反思
2016/02/18 职场文书
纯html+css实现打字效果
2021/08/02 HTML / CSS
python pygame 开发五子棋双人对弈
2022/05/02 Python