会员可以在此提问,百战程序员老师有问必答
对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题,会帮你学得更全面
截止目前,同学们一共提了 132482个问题
Python 全系列/第一阶段:Python入门/序列 13861楼
Python 全系列/第七阶段:网页编程基础/JavaScript 13862楼
JAVA 全系列/第五阶段:JavaWeb开发/Web实战案例 13863楼
JAVA 全系列/第十阶段:百战旅游网项目/百战旅游网 13865楼

老师,我的代码一直在提示71行报错

<script>
    //等到页面彻底加载完毕,在发送ajax请求
    window.onload = function () {
        beixiAjax({
            type: "get",
            url: "demo.php",
            data: {},
            success: function (res) {
                //这个数组模拟ajax请求来的后台数据
                // var dataArr = ["images/i1.jpg", "images/i2.jpg", "images/i3.jpg",
                //     "images/i4.jpg", "images/i5.jpg", "images/i6.jpg", "images/i7.jpg",
                //     "images/i8.jpg", "images/i9.jpg", "images/i10.jpg", "images/i11.jpg",
                //     "images/i12.jpg", "images/i13.jpg", "images/i14.jpg", "images/i15.jpg"];
                var dataArr = res;
                //准备页面元素
                var outDiv = document.querySelector(".out");
                //当数据准备完毕,先将数据加载到页面
                for (var i = 0; i < dataArr.length; i++) {
                    var div = document.createElement("div");
                    div.className = "in";
                    div.innerHTML = "<img src='" + dataArr[i] + "'>";
                    outDiv.appendChild(div);
                }
                //构建瀑布流
                var inDivs = document.querySelectorAll(".in");
                var num = Math.floor(document.documentElement.clientWidth / inDivs[0].offsetWidth);
                outDiv.style.width = num * inDivs[0].offsetWidth + "px";
                //所有的div(除了第一行)都要定位
                //heightArr 用来存放第一行的高度
                var heightArr = [];
                for (var i = 0; i < inDivs.length; i++) {
                    if (i < num) {
                        heightArr.push(inDivs.offsetHeight);
                    } else {
                        //其余行
                        inDivs[i].style.position = 'absolute';
                        minHeight = Math.min.apply(null, heightArr);
                        minIndex = heightArr.indexOf(minHeight);
                        //开启定位
                        inDivs[i].style.top = minHeight + 'px';
                        //这里报错
                        inDivs[i].style.left = inDivs[minIndex].offsetLeft + 'px';
                        //将数组中高度累加
                        heightArr[minIndex] += inDivs[i].offsetHeight;
                    }
                }
            }
        })
    }

</script>

image.png

WEB前端全系列/第六阶段:Http服务与Ajax模块(旧)/Http服务与Ajax编程 13868楼
JAVA 全系列/第六阶段:项目管理与SSM框架/Mybatis 13869楼
Python 全系列/第二阶段:Python 深入与提高/GUI编程(隐藏) 13871楼
Python 全系列/第八阶段:轻量级Web开发利器-Flask框架/Flask视图高级 13875楼

课程分类

百战程序员微信公众号

百战程序员微信小程序

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