请教一下，哪里出问题

ぞ忆为言ボ 2019-04-30 12:37:36

想问一下代码有没有问题，如果没有的话，为什么浏览器打开后，div没有移动

...全文

64 4 打赏收藏转发到动态举报

写回复

用AI写文章

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

潇湘忆梦 2019-04-30

打赏
举报

引用 3 楼ぞ忆为言ボ的回复:

[quote=引用 1 楼潇湘忆梦的回复:]仔细看了下，好几个问题： 1. 这段script在<head>里面，是获取不到<div id="box" ></div>控件的，要在div加载完成后，再去执行script； 2. box.offsetWidth是获取的div的宽度，document.box.offsetWidth是错误的写法，你可以去搜索下offsetWidth的使用方法； 3. box.style.left 获取或设置相对于具有定位属性(position定义为relative)的父对象的左边距，要设置position的值； 4. setInterval调用函数，使用setInterval(Go, 2000)即可，参考：https://www.runoob.com/jsref/met-win-setinterval.html；这段代码最好设置下div的宽高，移动幅度再大一点，加1像素，效果太不明显，判断那一块也是可以优化的。修改后代码如下：
   <div id="box" >
        论坛<br />
        直播
    </div>
    <script type="text/javascript">
        var startmove;
        var box = document.getElementById("box");
        var speed = 20;
        var x = 100;
        var y = 300;
        var statusX = true;
        var statusY = true;

        var winW = document.documentElement.clientWidth - box.offsetWidth;
        var winH = document.activeElement.clientHeight - box.offsetHeight;

        function Go() {
            box.style.left = x + 'px';
            box.style.top = y + 'px';
            box.style.position = 'relative';
            if (x < 0) {
                x = x + 1;
            }
            if (x > winW) {
                x = x - 1;
            }
            if (y < 0) {
                y = y + 1;
            }
            if (y > winH) {
                y = y - 1;
            }
        }
        startmove = setInterval(Go, 2000);
    </script>
我也是有点闲了

好的，谢谢你的指导，因为我是刚学这个，所以一些东西还不是很懂

[/quote] 都是这样过来的，你可以找案例学，比较快，下班了下班了，不看了

ぞ忆为言ボ 2019-04-30

打赏
举报

引用 1 楼潇湘忆梦的回复:

仔细看了下，好几个问题： 1. 这段script在<head>里面，是获取不到<div id="box" ></div>控件的，要在div加载完成后，再去执行script； 2. box.offsetWidth是获取的div的宽度，document.box.offsetWidth是错误的写法，你可以去搜索下offsetWidth的使用方法； 3. box.style.left 获取或设置相对于具有定位属性(position定义为relative)的父对象的左边距，要设置position的值； 4. setInterval调用函数，使用setInterval(Go, 2000)即可，参考：https://www.runoob.com/jsref/met-win-setinterval.html；这段代码最好设置下div的宽高，移动幅度再大一点，加1像素，效果太不明显，判断那一块也是可以优化的。修改后代码如下：
   <div id="box" >
        论坛<br />
        直播
    </div>
    <script type="text/javascript">
        var startmove;
        var box = document.getElementById("box");
        var speed = 20;
        var x = 100;
        var y = 300;
        var statusX = true;
        var statusY = true;

        var winW = document.documentElement.clientWidth - box.offsetWidth;
        var winH = document.activeElement.clientHeight - box.offsetHeight;

        function Go() {
            box.style.left = x + 'px';
            box.style.top = y + 'px';
            box.style.position = 'relative';
            if (x < 0) {
                x = x + 1;
            }
            if (x > winW) {
                x = x - 1;
            }
            if (y < 0) {
                y = y + 1;
            }
            if (y > winH) {
                y = y - 1;
            }
        }
        startmove = setInterval(Go, 2000);
    </script>
我也是有点闲了

好的，谢谢你的指导，因为我是刚学这个，所以一些东西还不是很懂

潇湘忆梦 2019-04-30

打赏
举报

待优化的有点多，把你的代码敲了一遍，后面判断也懒得改了

潇湘忆梦 2019-04-30

打赏
举报

仔细看了下，好几个问题： 1. 这段script在<head>里面，是获取不到<div id="box" ></div>控件的，要在div加载完成后，再去执行script； 2. box.offsetWidth是获取的div的宽度，document.box.offsetWidth是错误的写法，你可以去搜索下offsetWidth的使用方法； 3. box.style.left 获取或设置相对于具有定位属性(position定义为relative)的父对象的左边距，要设置position的值； 4. setInterval调用函数，使用setInterval(Go, 2000)即可，参考：https://www.runoob.com/jsref/met-win-setinterval.html；这段代码最好设置下div的宽高，移动幅度再大一点，加1像素，效果太不明显，判断那一块也是可以优化的。修改后代码如下：


   <div id="box" >
        论坛<br />
        直播
    </div>
    <script type="text/javascript">
        var startmove;
        var box = document.getElementById("box");
        var speed = 20;
        var x = 100;
        var y = 300;
        var statusX = true;
        var statusY = true;

        var winW = document.documentElement.clientWidth - box.offsetWidth;
        var winH = document.activeElement.clientHeight - box.offsetHeight;

        function Go() {
            box.style.left = x + 'px';
            box.style.top = y + 'px';
            box.style.position = 'relative';
            if (x < 0) {
                x = x + 1;
            }
            if (x > winW) {
                x = x - 1;
            }
            if (y < 0) {
                y = y + 1;
            }
            if (y > winH) {
                y = y - 1;
            }
        }
        startmove = setInterval(Go, 2000);
    </script>

我也是有点闲了

#《5天Python闯关训练营》学习计划#挑战周期：12月16日—12月20日直播安排：开班典礼：12...完成相应的软件安装及环境搭建学习服务：12.16-12.20日为本课正式服务周期期间遇到学习问题可社群请教，群内安排助教老师答疑

我们经常会有请教别人问题的时候，而下面这几种是不太建议的提问开头在吗？能问你一个问题吗？有谁知道xxx吗？当然你向我提问的时候，也不用称呼为大佬或者大神之类的，我就是一个普通的开发者。...

英文邮件礼仪：向教授请教学术问题邮件主题邮件主题（subject）不需要写自己的名字。名字是在邮件系统设置里设定好的，在发件时会替换显示实际地址，所以无需在主题里再写一遍。 [关键内容是要在主题里就写...

你的岗位和薪酬其实与公司是契约关系，如果不能提供出岗位结果，一定意义上是不合格的，上级岗位有他自己的工作职能与结果要求，这是我们必须明白的，所以我们不要经常出现问题自己不想首先领导，还有有的上级把下级...

阅读本文大概需要 2.3 分钟。开篇之前，先澄清一下，我不是大牛，同样不是高手，只是一个习惯于分享拙见的菜鸟。看到这篇文章的不少童鞋，应该自己也有人气很旺的blog，不出...举几个常见的例子，说明一下如何请教问...