js模拟实现百度搜索

本文实例为大家分享了js实现百度搜索的具体代码，供大家参考，具体内容如下

总体思路：用户在文本框里输入的是什么，就来数组中遍历每个元素，找输入的内容是否在遍历到的元素里面，如果在，就把这个元素做成li标签加到ul里，如果不在就不操作

怎么判断在不在字符串里？

xxx.indexOf(内容) != -1

onkeyup事件：

键盘弹起时会触发的事件

效果图：

 
 
 
 * {
 margin: 0;
 padding: 0;
 }
 
 body {
 font-size: 20px;
 }
 
 .box {
 width: 600px;
 height: 40px;
 margin: 200px auto;
 position: relative;
 }
 
 #txt {
 width: 498px;
 height: 38px;
 border: 1px solid #eee;
 font-size: 20px;
 }
 
 #search {
 width: 100px;
 height: 40px;
 }
 
 #keywords {
 position: absolute;
 top: 40px;
 left: 0;
 background-color: rgb(12, 255, 24);
 list-style: none;
 width: 500px;;
 }
 
 li {
 line-height: 24px;
 }
 
 
 
 
 
 
 


 
 

 
 
 
 


 
 

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。