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

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