百度搜索功能

来源:互联网 发布:单片机c语言教程 编辑:程序博客网 时间:2024/04/30 01:09
<!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>
0 0
原创粉丝点击