php 查找接口所有实现,JS百度搜索接口及链接功能的实现代码

本文主要和大家介绍JS实现百度搜索接口及链接功能实例代码,需要的朋友可以参考下，希望能帮助到大家。

在上篇文章给大家介绍了JS 实现百度搜索功能

anchor

*{

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;

}

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

str += "

"+data.s[i]+"";

}

//console.log(str);

oUl.innerHTML=str;

oUl.style.display="block";

}

相关推荐：