百度搜索功能

原创于 2016-10-29 10:15:48 发布 · 344 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

javascript 专栏收录该内容

4 篇文章

订阅专栏

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jsonp</title>
</head>
<body>

<input type="text" name="search" id="search" placeholder="请输入搜索内容" />
<input type="button" name="btn" id="btn" value="点击搜索" />
<ul id="oUl"></ul>
</body>
<script type="text/javascript">
function callBack (json) {
var arr = json.s;
var html = "";
for (var i = 0; i < arr.length;i++) {
html += "<li>" + arr[i] + "</li>";
}
document.getElementById("oUl").innerHTML = html;
}
</script>
<script type="text/javascript">

var searchCont = document.getElementById("search");
var btn = document.getElementById("btn");
btn.onclick = function () {

var urls = 'https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd=' + searchCont.value + '&cb=callBack';

var scri = document.createElement("script");
scri.src = urls;

document.getElementsByTagName("head")[0].appendChild(scri);
scri.remove();
}
</script>
</html>