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].οnclick=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;
}