会员可以在此提问,百战程序员老师有问必答
对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题,会帮你学得更全面
截止目前,同学们一共提了 132886个问题
JAVA 全系列/第五阶段:JavaWeb开发/Ajax技术详解(旧) 34711楼
JAVA 全系列/第三阶段:数据库编程/SQL 语言 34713楼
Python 全系列/第一阶段:Python入门/函数和内存分析 34714楼
Python 全系列/第二阶段:Python 深入与提高/GUI编程(隐藏) 34715楼
JAVA 全系列/第一阶段:JAVA 快速入门/飞机大战小项目训练 34716楼
JAVA 全系列/第三阶段:数据库编程/Oracle 数据库的使用 34717楼
Python 全系列/第二阶段:Python 深入与提高/异常机制 34719楼

<!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编程 34720楼
Python 全系列/第一阶段:Python入门/Python入门(动画版) 34723楼
Python 全系列/第三阶段:Python 网络与并发编程/并发编程 34724楼
Python 全系列/第二阶段:Python 深入与提高/游戏开发-坦克大战 34725楼

课程分类

百战程序员微信公众号

百战程序员微信小程序

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