JS實現(xiàn)百度搜索接口及鏈接功能實例代碼
本文通過代碼給大家介紹js實現(xiàn)百度搜索接口及鏈接功能,具體代碼如下所示:
在上篇文章給大家介紹了JS 實現(xiàn)百度搜索功能
<!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"> <div id="wei"> <input type="text" id="text"> <ul id="list"></ul> </div> <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");//動態(tài)創(chuàng)建script標(biāo)簽 oScript.src = "https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd="+val+"&cb=callback"; //添加鏈接及回調(diào)函數(shù) document.body.appendChild(oScript);//添加script標(biāo)簽 document.body.removeChild(oScript);//刪除script標(biāo)簽 } //回調(diào)函數(shù) 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>
總結(jié)
以上所述是小編給大家介紹的JS實現(xiàn)百度搜索接口及鏈接功能實例代碼,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
Javascript執(zhí)行流程細(xì)節(jié)原理解析
這篇文章主要介紹了Javascript執(zhí)行流程細(xì)節(jié)解析,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-05-05file模式訪問網(wǎng)頁時iframe高度自適應(yīng)解決方案
最近做到iframe的高度自適應(yīng)這個問題;發(fā)現(xiàn)自己做的網(wǎng)頁是通過file方式訪問的,將網(wǎng)頁代碼放到apache下通過http協(xié)議訪問,在iframe加載的時候調(diào)用如下js方法:果然網(wǎng)頁高度能夠自適應(yīng)(對于其他方案應(yīng)該也有效果,我沒有注意去嘗試)感興趣的朋友可以了解下2013-01-01JavaScript使用循環(huán)和分割來替換和刪除元素實例
一個JavaScript實例,使用循環(huán)和分割來替換和刪除元素,很簡單,但很實用,建議初學(xué)者學(xué)習(xí)下2014-10-10基于JS實現(xiàn)頁面視頻video標(biāo)簽禁止下載(下載按鈕+右擊菜單)
最近做項目遇到這樣的需求,禁止用戶瀏覽頁面的時候下載頁面的視頻,網(wǎng)上看到下載視頻的方法有兩種,本文對每種方法做詳細(xì)分析,對js禁止下載視頻相關(guān)知識感興趣的朋友一起看看吧2024-02-02javascript手機(jī)驗證、郵箱驗證、密碼驗證的正則表達(dá)式簡單封裝實例
正則表達(dá)式在日常的數(shù)據(jù)驗證中是必不可少的驗證方式,這篇文章主要給大家介紹了關(guān)于javascript手機(jī)驗證、郵箱驗證、密碼驗證的正則表達(dá)式簡單封裝的相關(guān)資料,需要的朋友可以參考下2022-09-09JavaScript實現(xiàn)的浮動層框架用法實例分析
這篇文章主要介紹了JavaScript實現(xiàn)的浮動層框架用法,以實例形式分析了JavaScript實現(xiàn)可關(guān)閉的半透明浮動層相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-10-10