激情久久久_欧美视频区_成人av免费_不卡视频一二三区_欧美精品在欧美一区二区少妇_欧美一区二区三区的

服務器之家:專注于服務器技術及軟件下載分享
分類導航

node.js|vue.js|jquery|angularjs|React|json|js教程|

服務器之家 - 編程語言 - JavaScript - php,js,css字符串截取的辦法集錦

php,js,css字符串截取的辦法集錦

2021-03-22 18:40JavaScript教程網 JavaScript

這篇文章主要介紹了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開發者網站的圖例就明白了。在這里就不多說了。

延伸 · 閱讀

精彩推薦
主站蜘蛛池模板: 日韩午夜一区二区三区 | 一级毛片电影院 | 免费黄色在线电影 | 久久人人97超碰国产公开结果 | 成年人在线视频 | 国产成人在线播放视频 | 精国产品一区二区三区 | 免费在线观看中文字幕 | 亚洲国产色婷婷 | 国产精品二区高清在线 | 国产三级午夜理伦三级 | 久久国产一 | 亚洲尻逼视频 | 午夜精品老牛av一区二区三区 | sesee99| 中文字幕 亚洲一区 | 精品91av| 久久免费视频8 | 国产资源在线视频 | 一级α片免费看刺激高潮视频 | 亚洲欧美日韩在线 | 线观看免费完整aaa 一二区成人影院电影网 | 久久精品艹 | 一级毛片免费观看在线 | 久国产精品视频 | 91专区在线观看 | 主人在调教室性调教女仆游戏 | 九一免费在线观看 | 天天都色视频 | 亚洲午夜一区二区三区 | 精品国产91久久久 | 黄色成人在线 | 蜜桃成品人免费视频 | 久久久电影电视剧免费看 | 午夜视频在线在免费 | 国产手机av在线 | 欧美va亚洲 | 亚洲电影在线观看高清免费 | 欧美巨根 | 国产大片中文字幕在线观看 | 久久亚洲精品久久国产一区二区 |