会员可以在此提问,百战程序员老师有问必答
对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题,会帮你学得更全面
截止目前,同学们一共提了 132464个问题

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        input {
            width: 300px;
            height: 30px;
            border: 1px solid #eee;
            margin-top: 150px;
            margin-left: 200px;
            padding-left: 10px;
        }

        ul {
            width: 300px;
            list-style: none;
            margin-left: 200px;
            padding-left: 10px;
            border: 1px solid #eee;
        }

        li {
            height: 30px;
            line-height: 30px;
        }
    </style>
</head>
<body>
<script>
    function callbackDemo(response) {
        var ulList = document.querySelector("#ulList");
        var str = "";
        if (response.s.length != 0) {
            ulList.style.display = "block";
            for (var i = 0; i < response.s.length; i++) {
                str += "<li>" + response.s[i] + "</li>";
            }
        }
        ulList.innerHTML = str;
    }

    window.onload = function () {
        var inputSearch = document.querySelector("#inputSearch");
        var ulList = document.querySelector("#ulList");

        inputSearch.onkeyup = function () {
            console.log(123);
            if (inputSearch.value != "") {
                var script = document.createElement("script");
                script.src = "http://suggestion.baidu.com/su?wd='+this.value+'&cb=callbackDemo";
                document.body.appendChild(script);
            } else {
                ulList.style.display = "none";
            }
        }
    }
</script>
<input type="text" id="inputSearch">
<ul id="ulList">
    <li>123</li>
</ul>

</body>
</html>

没有报错,但是也显示的不对

image.png

WEB前端全系列/第六阶段:Http服务与Ajax模块(旧)/Http服务与Ajax编程 34741楼
Python 全系列/第一阶段:Python入门/Python入门(动画版) 34744楼
Python 全系列/第三阶段:Python 网络与并发编程/并发编程 34745楼
Python 全系列/第二阶段:Python 深入与提高/游戏开发-坦克大战 34746楼
Python 全系列/第八阶段:轻量级Web开发利器-Flask框架/Flask之Jinja2模版 34747楼
JAVA 全系列/第六阶段:项目管理与SSM框架/SpringMVC 34749楼

屏幕截图 2023-12-03 145152.png

Python 全系列/第五阶段:数据库编程/项目-音乐播放器 34750楼
JAVA 全系列/第二阶段:JAVA 基础深化和提高/IO 流技术(旧) 34751楼
JAVA 全系列/第六阶段:项目管理与SSM框架/SpringMVC 34753楼
Python 全系列/第十阶段:Flask百战电商后台项目/Flask百战电商后台项目 34754楼

课程分类

百战程序员微信公众号

百战程序员微信小程序

©2014-2025百战汇智(北京)科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园
网站维护:百战汇智(北京)科技有限公司
京公网安备 11011402011233号    京ICP备18060230号-3    营业执照    经营许可证:京B2-20212637