字符串中的indexOf和substring
程序员文章站
2023-12-22 23:09:52
...
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>