varbbtn=document.getElementById('bbtn');
varsearch=document.getElementById('search');
vartext=document.getElementsByTagName('p')[0];
vartext1=text.innerHTML;
vararr=[];
varstr=text1;
bbtn.onclick=function(){
str=text1
arr=search.value;
str=str.split(arr).join(''+arr+'');
text.innerHTML=str;
}
二:对li表单的搜索:
*{
padding:0;margin:0;
}
#content{
margin:100px300px;display:block;
}
input{
height:50px;width:400px;font-size:30px;line-height:50px;
}
ul{
}
li{
margin:10px0px;display:block;
}
北京 株洲 上海 长沙 杭州 天津 西安 成都 武汉 南京
varli=document.getElementsByTagName('li');
vartext=document.getElementsByTagName('input')[0];
functionsearch(){
vararr=text.value;
for(vari=0;i
li[i].style.display="none";
if(li[i].getAttribute('pname').indexOf(arr)!=-1||li[i].getAttribute('cname').indexOf(arr)!=-1)
{
li[i].style.display="block";
}
}
}
text.oninput=function(){
search();
}
2、如何用Javascript实现搜索功能:
这里有一个简单的站内搜索功能
互联网 站内
总结:以上内容就是针对js搜索功能怎么实现,JS怎么实现站内搜索功能的详细介绍,大家可以参考一下。
标题:js搜索功能怎么实现,JS怎么实现站内搜索功能
链接:http://www.qzj2.com/article/43205.html
版权:文章转载自网络,如有侵权,请联系删除!
资讯推荐
更多