JS實(shí)現(xiàn)百度搜索接口及鏈接功能實(shí)例代碼
本文通過代碼給大家介紹js實(shí)現(xiàn)百度搜索接口及鏈接功能,具體代碼如下所示:
在上篇文章給大家介紹了JS 實(shí)現(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");//動(dòng)態(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實(shí)現(xiàn)百度搜索接口及鏈接功能實(shí)例代碼,希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
相關(guān)文章
Javascript執(zhí)行流程細(xì)節(jié)原理解析
這篇文章主要介紹了Javascript執(zhí)行流程細(xì)節(jié)解析,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-05-05file模式訪問網(wǎng)頁時(shí)iframe高度自適應(yīng)解決方案
最近做到iframe的高度自適應(yīng)這個(gè)問題;發(fā)現(xiàn)自己做的網(wǎng)頁是通過file方式訪問的,將網(wǎng)頁代碼放到apache下通過http協(xié)議訪問,在iframe加載的時(shí)候調(diào)用如下js方法:果然網(wǎng)頁高度能夠自適應(yīng)(對(duì)于其他方案應(yīng)該也有效果,我沒有注意去嘗試)感興趣的朋友可以了解下2013-01-01JavaScript使用循環(huán)和分割來替換和刪除元素實(shí)例
一個(gè)JavaScript實(shí)例,使用循環(huán)和分割來替換和刪除元素,很簡(jiǎn)單,但很實(shí)用,建議初學(xué)者學(xué)習(xí)下2014-10-10基于JS實(shí)現(xiàn)頁面視頻video標(biāo)簽禁止下載(下載按鈕+右擊菜單)
最近做項(xiàng)目遇到這樣的需求,禁止用戶瀏覽頁面的時(shí)候下載頁面的視頻,網(wǎng)上看到下載視頻的方法有兩種,本文對(duì)每種方法做詳細(xì)分析,對(duì)js禁止下載視頻相關(guān)知識(shí)感興趣的朋友一起看看吧2024-02-02基于勻速運(yùn)動(dòng)的實(shí)例講解(側(cè)邊欄,淡入淡出)
下面小編就為大家?guī)硪黄趧蛩龠\(yùn)動(dòng)的實(shí)例講解(側(cè)邊欄,淡入淡出)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-10-10javascript手機(jī)驗(yàn)證、郵箱驗(yàn)證、密碼驗(yàn)證的正則表達(dá)式簡(jiǎn)單封裝實(shí)例
正則表達(dá)式在日常的數(shù)據(jù)驗(yàn)證中是必不可少的驗(yàn)證方式,這篇文章主要給大家介紹了關(guān)于javascript手機(jī)驗(yàn)證、郵箱驗(yàn)證、密碼驗(yàn)證的正則表達(dá)式簡(jiǎn)單封裝的相關(guān)資料,需要的朋友可以參考下2022-09-09JavaScript實(shí)現(xiàn)的拼圖算法分析
這篇文章主要介紹了JavaScript實(shí)現(xiàn)的拼圖算法,結(jié)合實(shí)例形式分析了javascript圖形拼接與判定算法相關(guān)操作技巧及注意事項(xiàng),需要的朋友可以參考下2019-02-02JavaScript實(shí)現(xiàn)的浮動(dòng)層框架用法實(shí)例分析
這篇文章主要介紹了JavaScript實(shí)現(xiàn)的浮動(dòng)層框架用法,以實(shí)例形式分析了JavaScript實(shí)現(xiàn)可關(guān)閉的半透明浮動(dòng)層相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-10-10