查找字符串中给定字符串的所有位置

Posted 2020-10-16 carol72

html

<p>javascript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。</p>
<div class="box">
	<input type="text"  value="" />
	<input type="button" name="" id="" value="查找" />
</div>
<p></p>

CSS

*{
	margin: 0;
	padding: 0;
}
p{
	width: 300px;
	border: 1px solid #000;
	margin: 20px auto;
}
span{
	background: yellow;
}
.box{
	margin: 0 auto;
	width: 300px;
}
input[type=text]{
	width: 200px;
	height: 20px;
}

JS

	var oP=document.getElementsByTagName("p");
	var oInput=document.getElementsByTagName("input");
	var TxT=oP[0].innerHTML;
	oInput[1].onclick=function(){
		var arr=[];
		var txt=oInput[0].value;
		var num=TxT.indexOf(txt);
		while(num>-1){
			arr.push(num);
			num=TxT.indexOf(txt,num+1);
		}
		oP[1].innerHTML=arr;
	}