字串中的indexOf和substring
阿新 • • 發佈：2019-01-22
1、indexOf是用於查詢某個字元或字串在整個字串中的位置，空格也算佔一個位置，返回值型別為number。
var str = 'www.baidu.com';
alert( str.indexOf('w') ); //0var str = 'www.baidu.com';
alert( str.indexOf('w', 1) ); //1 從逗號後面數字所代表的位置往字串後面找var str = 'www.baidu.com'; alert( str.indexOf('X') ); //-1 -1代表沒有找到
var str = 'www.baidu.com';
alert( str.lastIndexOf('w') ); //2 從後往前找2、substring是用於字串提取
var str = '今天天氣不錯';
alert( str.substring(0,2) ); //今天 從第一個字元開始往後提取兩個字元var str = '今天天氣不錯';
alert( str.substring(2,0) ); //今天 會進行自動檢測，把小的數往前放var str = '今天天氣不錯'; alert( str.substring(-3, 2) ); //今天 -3當成0處理
var str = '今天天氣不錯';
alert( str.substring(2, -3) ); //今天 先調換位置再把-3當成0處理最後練習了一個案例，點選收縮文字收縮，點選展開文字全部顯示：
這種效果網頁上還是比較多的。<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> p{ width: 500px; height: 200px; border: 1px solid black; } </style> </head> <body> <p><span>百度對投資企業的賦能，兼具長遠性與靈活性，這點在齊家網上得到充分體現。齊家網發展初期，定位是建材家居導購平臺，對流量倚重較多，百度在這方面給予充分支援。隨著消費升級，齊家網轉型為網際網路家裝平臺。百度也通過資訊流、熊掌號等新平臺，為齊家網提供了更加豐富的展現形式與營銷手段。公開資料顯示，齊家網入駐熊掌號後，訂單增量超過10倍。最近齊家網又與百度知道達成合作，升級AI時代家裝知識服務能力。</span>......<a href="#">收縮</a></p> <script type="text/javascript"> var oSpan = document.getElementsByTagName('span')[0]; var oA = document.getElementsByTagName('a')[0]; var str = oSpan.innerHTML; var onOff = true; oA.onclick=function(){ if (onOff) { oSpan.innerHTML = oSpan.innerHTML.substring(0,40); oA.innerHTML = '展開'; }else{ oSpan.innerHTML = str; oA.innerHTML = '收縮'; } onOff = !onOff; } </script> </body> </html>