码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2017-12-04 13:08:50      阅读:183      评论:0      收藏:0      [点我收藏+]

标签:idt   字符   它的   value   20px   auto   border   脚本   onclick   

技术分享图片

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

  

 

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

标签:idt   字符   它的   value   20px   auto   border   脚本   onclick   

原文地址:http://www.cnblogs.com/yangxue72/p/7976352.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!