JS怎么实现站内搜索功能？

2024-12-13 10:32:56

推荐回答（1个）

回答1：

一：对文章关键字的搜索（数组的方法）：



	
		
		
		
			#search{
				height:40px;width: 200px;font-size: 30px;text-align: center;
			}
			#div {
				font-size: 20px;width: 600px;
			}
			
			#div span{
				color: red;
			}
		
	
	
		
		
		
			馋，在英文里找不到一个十分适当的字。罗马暴君尼禄，以至于英国的亨利八世，在大宴群臣的时候，常见其撕下一根根又粗又壮的鸡腿，举起来大嚼，旁若无人，好一副饕餮相！但那不是馋。埃及废王法鲁克，据说每天早餐一口气吃二十个荷包蛋，也不是馋，只是放肆，只是没有吃相。对有某一种食物有所偏好，于是大量的吃，这是贪多无厌。馋，则着重在食物的质，最需要满足的是品味。上天生人，在他嘴里安放一条舌，舌上还有无数的味蕾，教人焉得不馋？馋，基于生理的要求；也可以发展成为近于艺术的趣味。 
也许我们中国人特别馋一些。馋字从食，有声。毚音谗，本义是狡兔，善于奔走，人为了口腹之欲，不惜多方奔走以膏馋吻，所谓“为了一张嘴，跑断两条腿”。

       var bbtn=document.getElementById('bbtn');
       var search=document.getElementById('search');
       var text=document.getElementsByTagName('p')[0];
       var text1=text.innerHTML;
       var arr=[];
       var str=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: 100px 300px;display: block;
			}
			input{
				height: 50px;width: 400px;font-size: 30px;line-height: 50px;
			}
			ul{
		      
			}
			li{
				margin:10px 0px;display: block;
			}
		
	
	
		
	
		
			
			北京
			株洲
			上海
			长沙
			杭州
			天津
			西安
			成都
			武汉
			南京