有效沟通问答-【官方】百战程序员_IT在线教育培训机构

会员可以在此提问，百战程序员老师有问必答

对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题，会帮你学得更全面

截止目前，同学们一共提了 132647个问题

//老师，请问一下，varj=1;这个声明定义的位置，放在var i=1;的后面不产生效果？而要在放在while循环里面
才能产生图二的效果。
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>作业1</title>
</head>
<body>
<script>
//用while循环打印九九乘法表
var i=1;
var j=1;
while (i<=9){
    while (j<=i){
        document.write(j+"*"+i+"="+j*i+"&nbsp"+"&nbsp");
        j++;
    }
    i++;
    document.write("</br>");
}
//用while循环打印九九乘法表
var i=1;
while (i<=9){
    var j=1;
    while (j<=i){
        document.write(j+"*"+i+"="+j*i+"&nbsp"+"&nbsp");
        j++;
    }
    i++;
    document.write("</br>");
}
</script>
</body>
</html>

WEB前端全系列/第二阶段：JavaScript编程模块/运算符_数据类型和流程循环语句 391楼

视频中，将导航栏从竖向改为横向布局的是哪几行呢？

WEB前端全系列/第二阶段：JavaScript编程模块/DOM模型 392楼

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div>
    <div class="div1">div1</div>
    <div id="div2">div2</div>
</div>
<button id="but">点我</button>
<script>
    var div=document.querySelector('div');
    var div1=document.querySelector('.div1');
    var div2=document.querySelector('#div2');
    var but=document.querySelector('button');

    but.onclick=function () {
      var span=document.createElement('span');
      span.innerHTML='SPAN';
      span.style.color='red';
      div.replaceChild(span,div2);
    }
</script>
</body>
</html>

老师，控制台报错，哪里错了？

WEB前端全系列/第二阶段：JavaScript编程模块/DOM模型 393楼

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .div1{width: 200px;height: 200px;background-color: darkseagreen;}
        .div2{width: 100px;height: 100px;background-color: pink;margin: 25px auto;}
    </style>
</head>
<div>
    <div class="div1">div1
        <div class="div2" onclick="test3()">div2</div>
    </div>

</div>
<body>
<script>
    var div1=document.querySelector('div1');
    var div2=document.querySelector('div2');

    function test3() {
        console.log('这是第二个函数');
        div2.setAttribute('onclick',null);
    }
</script>
</body>
</html>

老师帮忙看下报错了，什么原因？

WEB前端全系列/第二阶段：JavaScript编程模块/浏览器模型(BOM) 394楼

老师，你好window.open（）在文本框中搜索的时候必须把他用鼠标选中么，这会不会很鸡肋

WEB前端全系列/第二阶段：JavaScript编程模块/面向对象编程 395楼

//求平均值
 var arr=[2,5,1,6,8,4,9];
 function  getAverage(tempArr){
 var sum=0;
 for(var i in tempArr){
 sum+=tempArr[i];
 }
       
 return sum/tempArr.length; //返回平均值
 }
       
 var  result=getAverage(arr);  //函数的调用
 console.log(result);

1、为什么函数的调用那行不写成

var  result=getAverage(tempArr);

呢？

2、计算结果时都要用return结尾吗？意义是什么呢？

WEB前端全系列/第二阶段：JavaScript编程模块/函数与对象 396楼

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

</head>

<body>

    <script>

        // 返回值:[函数执行结束后]返回到[原本程序中函数所在的位置],用来替代整个函数的[结果]，被称为函数的返回值。

        function add(a, b) {

           var sum= a + b;

}

var re = add(1, 2);

console.log(re)

    </script>

</body>

</html>

像这样不加return返回值返回的是undefine, 可以这样理解吗，不加return的话函数外部是无法访问函数运行的结果吗？是否和作用域有关

WEB前端全系列/第二阶段：JavaScript编程模块/函数与对象 397楼

//for循环计算100以内偶数的和
var sum = 0;
for( var i = 1; i <= 100; i++){
    if(i % 2 == 0){
        sum += i;
    }
    i++;
}
document.write("for循环100以内偶数的和：" +sum)

老师，是哪里出了问题，sum是0？

WEB前端全系列/第二阶段：JavaScript编程模块/运算符_数据类型和流程循环语句 398楼

我知道问题了，不好意思老师刚才我可能没说清楚。

WEB前端全系列/第二阶段：JavaScript编程模块/浏览器模型(BOM) 399楼

老师我知道第二个问题是怎么了，但第一个问题还是不明白。点之后第一次div里弹出5，之后再点击div里会随机弹出数。

WEB前端全系列/第二阶段：JavaScript编程模块/浏览器模型(BOM) 400楼

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>带有提示文字的滚动条</title>
    <style>
        div{
            width:25px;
            height:25px;
            border: 1px solid  black;
            line-height: 25px;
            text-align: center;
            position: absolute;
            display: none;
        }
    </style>
</head>
<body>
<input type="range" min="0"  max="100"  value="5"/>
<div></div>
<script>
  var input=  document.querySelector('input');
  var div=  document.querySelector('div');
  var flag=false;
  input.onmousedown=function(){
      var left= event.clientX;
      if(left>135){left=135;}
      if(left<14){left=14;}
      div.style.left=left+'px';
      div.innerHTML=input.value;
      div.style.display='block';
  }
</script>
</body>
</html>

老师按下后div里的数随机出现，按住移动鼠标div里的数不随鼠标的移动发生变化。

WEB前端全系列/第二阶段：JavaScript编程模块/浏览器模型(BOM) 401楼

老师，帮忙看下是哪错了？最后一个else报错

WEB前端全系列/第二阶段：JavaScript编程模块/运算符_数据类型和流程循环语句 402楼

resultStr+= 视频中+什么意思。前面好像没讲。

WEB前端全系列/第二阶段：JavaScript编程模块/字符串与数组 403楼

解决了，老师有个单词拼写错了，谢谢.......................................................

WEB前端全系列/第二阶段：JavaScript编程模块/浏览器模型(BOM) 404楼

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>带有提示文字的滚动条</title>
    <style>
        div{
            width: 25px;
            height: 25px;
            border: 1px solid black;
            line-height: 25px;
            text-align: center;
            position: absolute;
            display: none;
        }
    </style>
</head>
<body>
<input type="range" min="0" max="100" value="5">
<div></div>
<script>
    var input=document.querySelector('input');
    var div=document.querySelector('div');
    var flag=false;
    input.onmousemove=function () {
        if (flag==true){
            var left=event.clientX;
            if (left>135){left=135;}
            if (left<14){left=14;}
            div.style.left=left+'px';
            div.innerHTML=input.value;
            div.style.display='black';
        }

    };
    input.onmousedown=function () {
        flag=true;
        div.style.display='none'
    };
    input.onmouseup=function () {
        flag=false;
        div.style.display='none'
    }
</script>
</body>
</html>

老师，怎么拖动的时候下面怎么不出数字？我也赋值了。谢谢老师

WEB前端全系列/第二阶段：JavaScript编程模块/浏览器模型(BOM) 405楼

同学您好