web前端:JS---DOM---案例:模拟百度搜索框

    作者: jane_panyiyun更新于: 2020-03-21 21:03:05

    Web开发

      百度(Nasdaq:BIDU)是全球最大的中文搜索引擎,2000年1月由李彦宏、徐勇两人创立于北京中关村,百度致力于向人们提供“简单,可依赖”的信息获取方式。

      模拟百度搜索框

      我的思路整理:

      1.注册文本框抬起事件(onkeyup)

      2.处理函数:

      --->创建临时数组,循环遍历文本框键入的文字内容和keywords数组,用keyWords[i].indexOf(text)==0来判断,true就追加进临时数组tempArr.push(keyWords[i])

      --->bug修复:每一次键盘抬起,都判断页面有没有div,有就删除

      --->何时出现div:判断条件:当文本框为空,或临时数字空,不创建div,如果有div,就删除

      --->创建div,div加到box,div设置样式;循环遍历创建p,p加入新建的div;加入鼠标进入和移开的样式(在循环里面,用命名函数,减少负荷)

      

      

      

      

      Title

      

      

      

      

      

      

      

  

  

  

  

  百度拥有数千名研发工程师,这是中国乃至全球最为优秀的技术团队,这支队伍掌握着世界上最为先进的搜索引擎技术,使百度成为中国掌握世界尖端科学核心技术的中国高科技企业,也使中国成为美国、俄罗斯、和韩国之外,全球仅有的4个拥有搜索引擎核心技术的国家之一。

标签: 搜索JS前端
为您推荐

课课家教育

未登录