JavaScript搜索内容功能

大牛玩python

于 2024-02-26 11:04:34 发布

阅读量241

点赞数 3

文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/m0_73233638/article/details/136294531

版权

在实际的开发中，用户经常需要搜素内容，今天用JavaScript实现搜索功能。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="jquery.js"></script>
	</head>
	<body>
		<input id="inpu">
		<a id="a">搜索</a>
		<div></div>
		<script>
			//搜索结果
				var keyword=["蔡徐坤","鸡你太美","你干嘛","只因","鸡","吃掉蔡徐坤","鸡实在是太美"];
				$("a").click(function(){
					var result="";
					var result=[]
					var strarr=[];
					var input=$("#inpu").val()
					for(i=0;i<input.length;i++){
						 strarr[i]=input.charAt(i)
					}
					alert("搜索内容:"+strarr)
					for(k=0;k<strarr.length;k++){
						for(num=0;num<keyword.length;num++){
						if(keyword[num].indexOf(strarr[k])!=-1){
							
							result[num]=keyword[num]
						}else{
							
						}
					}
					}
					var n=0
					for(l=0;l<result.length;l++){
						
						if(result[l]==null){
							n++
						}else{
							$("div").append(result[l]+"<br>")
						}
					}
					if(n==result.length){
						alert("没有你想搜索的~")
					}else{
					alert("搜索到了"+result+"等"+(result.length-n)+"个结果")
					}
				})
		</script>
	</body>
</html>