在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脫衣器
Video Face Swap
使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發環境
Dreamweaver CS6
視覺化網頁開發工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
建議：優秀JS開源人臉偵測辨識項目
Apr 03, 2024 am 11:55 AM
人臉偵測辨識技術已經是一個比較成熟且應用廣泛的技術。而目前最廣泛的網路應用語言非JS莫屬，在Web前端實現人臉偵測辨識相比後端的人臉辨識有優勢也有弱勢。優點包括減少網路互動、即時識別，大大縮短了使用者等待時間，提高了使用者體驗；弱勢是：受到模型大小限制，其中準確率也有限。如何在web端使用js實現人臉偵測呢？為了實現Web端人臉識別，需要熟悉相關的程式語言和技術，如JavaScript、HTML、CSS、WebRTC等。同時也需要掌握相關的電腦視覺和人工智慧技術。值得注意的是，由於Web端的計
如何使用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繪製蠟燭圖將為投資者提供更多直觀的信息，幫助他們更好地做出決策。蠟燭圖是一種以蠟燭形狀來展示股票價格的技術圖表。它展示了股票價格的
如何使用PHP和JS創建股票蠟燭圖
Dec 17, 2023 am 08:08 AM
如何使用PHP和JS創建股票蠟燭圖股票蠟燭圖是股票市場中常見的技術分析圖形，透過繪製股票的開盤價、收盤價、最高價和最低價等數據，幫助投資者更直觀地了解股票的價格波動情形。本文將教你如何使用PHP和JS創建股票蠟燭圖，並附上具體的程式碼範例。一、準備工作在開始之前，我們需要準備以下環境：1.一台運行PHP的伺服器2.一個支援HTML5和Canvas的瀏覽器3
如何使用JS和百度地圖實現地圖點擊事件處理功能
Nov 21, 2023 am 11:11 AM
如何使用JS和百度地圖實現地圖點擊事件處理功能概述：在網路開發中，經常需要使用地圖功能來展示地理位置和地理資訊。而地圖上的點擊事件處理是地圖功能中常用且重要的一環。本文將介紹如何使用JS和百度地圖API來實現地圖的點擊事件處理功能，並給出具體的程式碼範例。步驟：匯入百度地圖的API檔案首先，要在HTML檔案中匯入百度地圖API的文件，可以透過以下程式碼實現：
如何在Google瀏覽器上新增百度搜尋引擎
Mar 02, 2024 pm 01:31 PM
如何在Google瀏覽器上新增百度搜尋引擎？谷歌瀏覽器是如今許多年輕人的選擇，一般情況下，我們安裝好谷歌瀏覽器，打開主頁面是谷歌官方搜尋引擎，不過谷歌搜尋在國內是不能使用的，因此我們需要將搜尋引擎換成其他的，不少用戶喜歡使用百度搜索，那麼如何將谷歌主頁設置成百度搜索呢。下面小編就帶給大家Google瀏覽器加入百度搜尋引擎教程，希望能帶給大家幫助。 Google瀏覽器新增百度搜尋引擎教學1、開啟Google瀏覽器後右上角進入設置，如下圖所示。 2、點選左邊的設定按鈕，然後選擇“搜尋引擎”，如下圖所示。 3.在搜尋引擎中，把搜索
怎麼設定谷歌瀏覽器開啟就是百度
Mar 14, 2024 pm 07:30 PM
怎麼設定谷歌瀏覽器開啟就是百度？一般情況下，大家下載安裝好谷歌瀏覽器，默認打開的搜索引擎是google搜索，雖然google搜索非常強大，在是在國內卻無法使用，因此很多小伙伴喜歡將瀏覽器的搜索引擎設置為百度搜索，那麼具體該如何修改呢。下面小編就給大家詳細介紹Google瀏覽器設定開啟就是百度的具體方法，有興趣的朋友快來看看了解一下吧。谷歌瀏覽器設定開啟就是百度的具體方法首先，在電腦上開啟Google瀏覽器，然後在右上角找到三個點圖示。接著，點擊這個圖標，然後選擇“設定”選項。有些使用者的版本可能需要點選「選項」按
