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

 可能没什么含量,求少拍砖。

首先是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位。

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

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

省略号的例子:

代码如下:

.ellipsis{
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

时间: 2025-01-21 15:25:35

php,js,css字符串截取的办法集锦的相关文章

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

可能没什么含量,求少拍砖.首先是PHP版本的. 复制代码 代码如下: <?php echo mb_strimwidth("这里是内容", 0,3,"...","utf-8"); ?>  其实只用mb_strimwidth一个函数就可以了,该函数的说明如下: mb_strimwidth - 获取按指定宽度截断的字符串 string mb_strimwidth ( string $str , int $start , int $width

js substring()字符串截取函数_javascript技巧

使用方法: 复制代码 代码如下: str.substring(start, end) "String Literal".substring(start, end) 其中"start"是指明要截取字符串的起始位置,该索引从0 开始起算."end"是指明要截取字符串的结束位置,该索引从0 开始起算. JavaScript中substring()函数方法将返回一个包含从start 到最后(不包含end )的子字符串的字符串. JavaScript中su

JS判断字符串字节数并截取长度的方法_javascript技巧

本文实例讲述了JS判断字符串字节数并截取长度的方法.分享给大家供大家参考,具体如下: 这是在项目制作中,积累到的一个东西,感觉效果还可以,现在贴上效果: 那么,在页面上,我们需要检测两个东西,一个就是字节数,一个就是字符数. 由于数据库中,要求title的长度字节数为200,那么具体的js代码如下: /************************************************************************* * CodeBy:SCY CodeDate:20

JS字符串截取函数实例

 这篇文章主要介绍了JS字符串截取函数实例,有需要的朋友可以参考一下 使用 substring()或者slice()     函数:split()  功能:使用一个指定的分隔符把一个字符串分割存储到数组 例子: 代码如下: str="jpg|bmp|gif|ico|png"; arr=theString.split("|"); //arr是一个包含字符值"jpg"."bmp"."gif"."ico

js字符串截取函数slice、substring和substr的比较_javascript技巧

在js中字符截取函数有常用的三个slice().substring().substr()了,下面我来给大家介绍slice().substring().substr()函数在字符截取时的一些用法与区别吧. 取字符串的三个函数:slice(start,[end]),substring(start,[end])和substr(start,[length])相关属性:slice() 第一个参数代表开始位置,第二个参数代表结束位置的下一个位置,截取出来的字符串的长度为第二个参数与第一个参数之间的差;若参数

js字符串截取函数substr substring slice使用对比_javascript技巧

常用三个的字符串截取函数:substr substring slice,调用方式如下 复制代码 代码如下: stringObject.slice(start,end) stringObject.substr(start,length) stringObject.substring(start,end) 最明显的是substr,第二个参数是length,是截取长度,其他两个函数的第二个参数都是末尾字符的下标(这里并不包括该下标的字符,只截取到该字符的前一个字符) slice跟substring比,

JS字符串截取函数实例_javascript技巧

使用 substring()或者slice() 函数:split() 功能:使用一个指定的分隔符把一个字符串分割存储到数组例子: 复制代码 代码如下: str="jpg|bmp|gif|ico|png";arr=theString.split("|");//arr是一个包含字符值"jpg"."bmp"."gif"."ico"和"png"的数组 函数:John() 功能

js字符串截取函数(substring substr split)使用说明

使用substring() 定义和用法 substring 方法用于提取字符串中介于两个指定下标之间的字符. 语法 stringObject.substring(start,stop) 参数 描述 start 必需.一个非负的整数,规定要提取的子串的第一个字符在 stringObject 中的位置. stop 可选.一个非负的整数,比要提取的子串的最后一个字符在 stringObject 中的位置多 1.如果省略该参数,那么返回的子串会一直到字符串的结尾. 返回值 一个新的字符串,该字符串值包含

如何过滤html,js,css代码

以下是引用片段:以下为引用的内容:  #region/// 过滤html,js,css代码         /// <summary>         /// 过滤html,js,css代码         /// </summary>         /// <param name="html">参数传入</param>         /// <returns></returns>         public