js中，indexOf() lastIndexOf()区别

最新推荐文章于 2025-05-21 11:07:57 发布

原创最新推荐文章于 2025-05-21 11:07:57 发布 · 1.9k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

JS 专栏收录该内容

19 篇文章

订阅专栏

本文介绍了一种使用JavaScript来实现从前和从后查找字符串的方法。通过简单的HTML页面输入和两个按钮触发，利用`indexOf()`和`lastIndexOf()`函数，可以轻松找到指定子串的位置。这不仅适用于初学者了解基本的字符串操作，也适合有一定基础的开发者巩固相关知识。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<body>输入字符串：<input type="text" id="text"> 找字符串：<input type="text" id="index"><button id="btn1">从前找</button><button id="btn2">从后找</button>
</body>
</html>

<script type="text/javascript">

function $(id){return document.getElementById(id);}
$("btn1").onclick = function(){
alert($("text").value.indexOf($("index").value));//indexOf(),参数为字符串，求索引，从前面开始返回abcdb，求b，返回1，第二个忽略
}

$("btn2").onclick = function(){
alert( $("text").value.lastIndexOf($("index").value));//lastIndexOf()从后面开始返回，abcdb，求b，返回4，第一个忽略

}

var id1 = document.getElementById("id1").innerHTML;
var id2 = document.getElementById("id2").innerHTML;

function onbtnclick(id,txt){

document.getElementById(id).onclick = function(){
this.nextSibling.innerHTML = txt;

}
}
onbtnclick("btn",id1.concat(id2));//字符串拼接