大家好，我是进阶学习者。一、前言之前小编带大家做了一个python版的搜索引擎，今天就带大家做一个JavaScript版的搜索引擎。2.准备工具360浏览器，sublimetext3编辑器，仅此而已。3.实现结果先看一下实现结果，如图：我们只需要输入关键词，就会出现10个对应的匹配结果。如果我们点击其中一个结果，就会跳转到对应的百度搜索界面。四、项目实施过程1、找到百度的搜索查询元素节点因为我们以百度为媒介来搜索关键词，所以必须要了解百度的搜索查询元素是如何分布的。打开百度，按F12，如图：这里的箭头就是标出的它们之间的关系。2.发送一个搜索查询请求，找到模式我们就进行关键词查询，如图：这样我们就知道这个网页地址就是我们请求之后的最终地址，所以我们需要保存这个地址.3、同源策略和jsonp跨域之所以讲这两个知识点，是因为我们的搜索引擎就是基于这两个知识点进化而来的。同源策略是浏览器最核心、最基本的安全功能。如果缺少同源策略，可能会影响浏览器的正常功能。同源是指协议、域名、端口都相同；而jsonp是一种跨域方式，可以减轻服务器的负载，但是只支持get请求。4.查询结果输入查询关键字后，我们需要获取待定选项。这里需要搞清楚查询选项是什么，如图：5.实现代码，我们可以先创建一个可以动态生成的JavaScript代码函数如下：functiongetlist(wd){varscript=document.createElement('script');script.id='jsonp';script.src='https://www.baidu.com/sugrec?prod=pc&cb=getData&wd='+wd;document.body.appendChild(script);}然后我们得到它的数据，如下：;varda=data.gif(da){da.forEach(function(item,index){$('
