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

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;
	}

  

 

posted @ 2017-12-04 11:37  carol72  阅读(743)  评论(0编辑  收藏  举报