在JS中如何实现百度搜索接口
这篇文章主要介绍了JS实现百度搜索接口及链接功能实例代码,需要的朋友可以参考下
本文通过代码给大家介绍js实现百度搜索接口及链接功能，具体代码如下所示：
在上篇文章给大家介绍了JS 实现百度搜索功能
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<meta charset="UTF-8">
<title>anchor</title>
<style>
*{
margin:0;
padding:0;
}
#wei{
width:500px;
height:600px;
margin:0 auto;
border:0px solid gray;
}
#wei input{
width:476px;
height:50px;
line-height: 50px;
padding-left:20px;
font-size: 16px;
}
#wei ul{
height:auto;
border:1px solid #ccc;
display: none;
}
#wei ul li{
width:100%;
height:30px;
line-height: 30px;
text-indent:10px;
font-size: 16px;
list-style: none;
}
#wei ul li a{
text-decoration:none;
}
#wei ul li:hover{
display:block;
background:#ccc;
color:#fff;
}
</style>
</head>
<body ng-controller="show">
<p id="wei">
<input type="text" id="text">
<ul id="list"></ul>
</p>
<script type="text/javascript">
var txt = document.getElementById("text");
var oUl = document.getElementById("list");
txt.onkeyup = function(){
var val = txt.value;
var oScript = document.createElement("script");//动态创建script标签
oScript.src = "https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd="+val+"&cb=callback";
//添加链接及回调函数
document.body.appendChild(oScript);//添加script标签
document.body.removeChild(oScript);//删除script标签
}
//回调函数
function callback(data){
var str="";
for(var i=0;i<data.s.length;i++){
str += "<li><a href=\"https://www.baidu.com/s?wd="+data.s[i]+"\">"+data.s[i]+"</a></li>";
}
//console.log(str);
oUl.innerHTML=str;
oUl.style.display="block";
}
</script>
</body>
</html>上面是我整理给大家的，希望今后会对大家有帮助。
相关文章：
以上是在JS中如何实现百度搜索接口的详细内容。更多信息请关注PHP中文网其他相关文章！
热AI工具
Undresser.AI Undress
人工智能驱动的应用程序，用于创建逼真的裸体照片
AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。
Undress AI Tool
免费脱衣服图片
Clothoff.io
AI脱衣机
AI Hentai Generator
免费生成ai无尽的。
热门文章
热工具
记事本++7.3.1
好用且免费的代码编辑器
SublimeText3汉化版
中文版，非常好用
禅工作室 13.0.1
功能强大的PHP集成开发环境
Dreamweaver CS6
视觉化网页开发工具
SublimeText3 Mac版
神级代码编辑软件(SublimeText3)
热门话题
如何使用JS和百度地图实现地图平移功能
Nov 21, 2023 am 10:00 AM
如何使用JS和百度地图实现地图平移功能百度地图是一款广泛使用的地图服务平台，在Web开发中经常用于展示地理信息、定位等功能。本文将介绍如何使用JS和百度地图API实现地图平移功能，并提供具体的代码示例。一、准备工作使用百度地图API前，首先需要在百度地图开放平台（http://lbsyun.baidu.com/）上申请一个开发者账号，并创建一个应用。创建完成
如何设置QQ浏览器默认百度搜索引擎
Apr 11, 2024 pm 02:22 PM
如何设置QQ浏览器默认百度搜索引擎？QQ浏览器是一款非常适合办公或者学习的网络浏览器工具，这款浏览器界面简约，默认的搜索引擎是搜索狗搜索，不过很多用户比较习惯使用百度搜索，我们可以将默认搜索引擎改为百度搜索，不少小伙伴还不清楚具体要如何操作。接下来小编就给大家带来QQ浏览器设置百度为默认搜索引擎技巧攻略，感兴趣的朋友千万不要错过了。QQ浏览器设置百度为默认搜索引擎技巧攻略1.将qq浏览器启用，点击右上角出现的【三】图标（如图所示）。2.这时在下方会弹出一个功能窗口，在该窗口中点击进入到【设置】选
股票分析必备工具：学习PHP和JS绘制蜡烛图的步骤
Dec 17, 2023 pm 06:55 PM
股票分析必备工具：学习PHP和JS绘制蜡烛图的步骤，需要具体代码示例随着互联网和科技的快速发展，股票交易已经成为许多投资者的重要途径之一。而股票分析是投资者决策的重要一环，其中蜡烛图被广泛应用于技术分析中。学习如何使用PHP和JS绘制蜡烛图将为投资者提供更多直观的信息，帮助他们更好地做出决策。蜡烛图是一种以蜡烛形状来展示股票价格的技术图表。它展示了股票价格的
推荐：优秀JS开源人脸检测识别项目
Apr 03, 2024 am 11:55 AM
人脸检测识别技术已经是一个比较成熟且应用广泛的技术。而目前最为广泛的互联网应用语言非JS莫属，在Web前端实现人脸检测识别相比后端的人脸识别有优势也有弱势。优势包括减少网络交互、实时识别，大大缩短了用户等待时间，提高了用户体验；弱势是：受到模型大小限制，其中准确率也有限。如何在web端使用js实现人脸检测呢？为了实现Web端人脸识别，需要熟悉相关的编程语言和技术，如JavaScript、HTML、CSS、WebRTC等。同时还需要掌握相关的计算机视觉和人工智能技术。值得注意的是，由于Web端的计
如何使用PHP和JS创建股票蜡烛图
Dec 17, 2023 am 08:08 AM
如何使用PHP和JS创建股票蜡烛图股票蜡烛图是股票市场中常见的一种技术分析图形，通过绘制股票的开盘价、收盘价、最高价和最低价等数据，帮助投资者更直观地了解股票的价格波动情况。本文将教你如何使用PHP和JS创建股票蜡烛图，并附上具体的代码示例。一、准备工作在开始之前，我们需要准备以下环境：1.一台运行PHP的服务器2.一个支持HTML5和Canvas的浏览器3
如何在谷歌浏览器上添加百度搜索引擎
Mar 02, 2024 pm 01:31 PM
如何在谷歌浏览器上添加百度搜索引擎？谷歌浏览器是如今很多年轻人的选择，一般情况下，我们安装好谷歌浏览器，打开主页面是谷歌官方搜索引擎，不过谷歌搜索在国内是不能使用的，因此我们需要将搜索引擎换成其他的，不少用户喜欢使用百度搜索，那么如何将谷歌主页面设置成百度搜索呢。下面小编就给大家带来谷歌浏览器添加百度搜索引擎教程，希望能够给大家带来帮助。谷歌浏览器添加百度搜索引擎教程1、打开谷歌浏览器后右上角进入设置，如下图所示。2、点击左边的设置按钮，然后选择“搜索引擎”，如下图所示。3、在搜索引擎中，把搜索
怎么设置谷歌浏览器打开就是百度
Mar 14, 2024 pm 07:30 PM
怎么设置谷歌浏览器打开就是百度？一般情况下，大家下载安装好谷歌浏览器，默认打开的搜索引擎是google搜索，虽然google搜索非常强大，在是在国内却无法使用，因此很多小伙伴喜欢将浏览器的搜索引擎设置为百度搜索，那么具体该如何修改呢。下面小编就给大家详细介绍谷歌浏览器设置打开就是百度的具体方法，感兴趣的朋友快来看看了解一下吧。谷歌浏览器设置打开就是百度的具体方法首先，在电脑上打开谷歌浏览器，然后在右上角找到三个点图标。接着，点击这个图标，然后选择“设置”选项。有些用户的版本可能需要点击“选项”按
如何使用JS和百度地图实现地图热力图功能
Nov 21, 2023 am 09:33 AM
如何使用JS和百度地图实现地图热力图功能简介：随着互联网和移动设备的迅速发展，地图成为了一种普遍的应用场景。而热力图作为一种可视化的展示方式，能够帮助我们更直观地了解数据的分布情况。本文将介绍如何使用JS和百度地图API来实现地图热力图的功能，并提供具体的代码示例。准备工作：在开始之前，你需要准备以下事项：一个百度开发者账号，并创建一个应用，获取到相应的AP
