调用百度搜索引擎，写一个搜索框

最新推荐文章于 2024-03-27 14:06:56 发布

造梦者FZ

最新推荐文章于 2024-03-27 14:06:56 发布

阅读量1.1k

点赞数

分类专栏： javascript简单入门案例文章标签： javascript js 搜索引擎 html html5

本文链接：https://blog.csdn.net/qq_43923146/article/details/107843857

版权

javascript简单入门案例专栏收录该内容

23 篇文章 2 订阅

订阅专栏

调用百度搜索引擎，写一个搜索框

在这里插入图片描述
html代码：

 <input type="text" name="" value="" id="Oinput">
 <ul id="Oul"></ul>

JavaScript代码：

 let Oinput = document.getElementById("Oinput");
    let Oul = document.getElementById("Oul");
    Oinput.oninput = function(){
       let script = document.createElement("script");
       script.src = "http://suggestion.baidu.com/su?wd="+this.value+"&cb=fun";
       document.body.appendChild(script);
    }
    function fun(str){
        let strHtml = "";
        for(let i=0;i<str.s.length;i++){
            strHtml+=`<li>${str.s[i]}</li>`
            // strHtml += "<li>" +str.s[i]+ "</li>";
        }
        Oul.innerHTML = strHtml;
    }