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

 更新时间:2014年09月26日 12:12:02   投稿:hebedich  
这篇文章主要介绍了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位。

 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 动态生成方法的例子

    动态生成方法的例子,这些方法在新对象实例化的时候创建
    2009-07-07
  • JavsScript中Promise的错误捕获详解

    JavsScript中Promise的错误捕获详解

    怎么捕获错误并且处理是一门语言必备的知识,在JavaScript中也是如此,下面这篇文章主要给大家介绍了关于JavsScript中Promise错误捕获的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-06-06
  • Javascript中this绑定的3种方法与比较

    Javascript中this绑定的3种方法与比较

    大家都知道JS是一门动态语言,与传统的c和c++最大的区别就是js是在运行时动态检测值的类型和变化。this是js中的一个关键字,它代表当前作用域的上下文环境,而且随着上下文的改变而动态变化。这篇文章我们将详细介绍Javascript中绑定this的三种方法与简单的比较。
    2016-10-10
  • JS实现至少包含字母、大小写数字、字符的密码等级的两种方法

    JS实现至少包含字母、大小写数字、字符的密码等级的两种方法

    这篇文章主要介绍了JS实现至少包含字母、大小写数字、字符的密码等级的两种方法,可实现有效检测用户密码等级的功能,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-02-02
  • JavaScript文档加载模式以及元素获取

    JavaScript文档加载模式以及元素获取

    这篇文章主要介绍了JavaScript文档加载模式以及元素获取,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-07-07
  • 创建与框架无关的JavaScript插件

    创建与框架无关的JavaScript插件

    这篇文章主要介绍了创建与框架无关的JavaScript插件,帮助大家更好的理解和使用JavaScript,感兴趣的朋友可以了解下
    2020-12-12
  • el-form实现表单和图片手动上传和校验功能

    el-form实现表单和图片手动上传和校验功能

    在写项目时,难免遇到需要上传表单,图片等文件,且表单内容需进行验证及必填项提示,图片需要和信息一起传递且图片载入后需可预览,这篇文章给大家介绍el-form实现表单和图片手动上传和校验功能,感兴趣的朋友一起看看吧
    2024-01-01
  • springMVC结合AjaxForm上传文件

    springMVC结合AjaxForm上传文件

    这篇文章主要为大家详细介绍了springMVC结合AjaxForm上传文件的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-07-07
  • 用js实现下载远程文件并保存在本地的脚本

    用js实现下载远程文件并保存在本地的脚本

    //将常用的vbs下载者改成js版了。本来想用jsc.exe编译,可是不成功。jsc.exe不认WScript
    2008-05-05
  • BootStrap的双日历时间控件使用

    BootStrap的双日历时间控件使用

    这段时间看了下bootstrap的时间控件,发现使用起来还是很简单的,趁着有时间的时候整理了一下,特此分享到脚本之家平台,感兴趣的朋友参考下
    2017-07-07

最新评论