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

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

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

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

var i=0;
var j=0;
while(i<=9){
    while(j<=9){
        document.write("("+i+","+j+")");
        j++;
    }
    document.write("<br/>");
    i++;
}

我的i++;没用到；只出现了第一行坐标，应该出现九行的；

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

var score=prompt("请输入成绩：");
console.log(typeof score);
score=parseInt(score/10);//向下取整
 switch(score){
     case 9:
         document.write("等级为A");
         break;
     case 8:
         document.write("等级为B");
         break;
     case 7:
         document.write("等级为C");
         break;
     case 6:
         document.write("等级为D");
         break;
     default:
         document.write("等级为E");
 }

我case语句里面的数字是number类型，而score=prompt()是字符串类型，但运行结果是对的。这是为什么？

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

老师，search 获取url里面的信息这句话如何理解？

在一个表单中，假设输入一个用户名，提交以后，就可以获取输入用户名的内容

就是说，获取url里面的信息就是输入什么利用search就可以获取什么嘛？

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

老师，想请您帮我看看如下代码，为什么我这样做，在浏览器页面没有任何输出？

 <style>
        * {
            margin: 0;
            padding: 0;
        }
        
        .center {
            width: 1201px;
            margin: 0 auto;
        }
        
        .box {
            height: 80px;
            margin-top: 40px;
            background-color: skyblue;
        }
    </style>

  <div class="box center"></div>

<script>
    window.onload = function() {
        //得到元素
        var box = document.querySelector('.box');

        var arr = ["手机", "手表", "箱包", "皮具", "零食"];

        //创建ul元素并设置相关样式
        var ul = document.createElement('ul');
        var ul_style = document.createAttribute('style');
        ul_style.value = "list-style: none;overflow: hidden;";
        ul.setAttributeNode(ul_style);

        //动态地添加相关元素和属性及样式
        for (var i = 0; i < arr.length; i++) {

            //创建li元素并设置相关样式
            var li = document.createElement('li');
            var li_style = document.createAttribute('style');
            li_style.value = "float: left;width:100px;height: 40px;line-height: 40px;\
    text-align: center;";
            li.setAttributeNode(li_style);

            //创建a元素并设置相关样式
            var a = document.createElement('a');
            var a_style = document.createAttribute('style');
            a_style.value = "color: #fff;font-size: 16px;text-decoration: none;";
            a.setAttributeNode(a_style);

            //给每个a标签添加相应的文字
            a.innerHTML = arr[i];

            //将相关元素依次“传”到页面
            li.appendChild(a);
            ul.appendChild(li);
            ul.appendChild(box);
        }
        document.body.appendChild(box);
    }
</script>

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

老师没有明白（循环变量pro表示的是对象的属性名）这句话，

而且课程中的18分51秒的时候，感觉老师没有说完，就感觉一下子就跳了过去

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

请问一下老师：

代码中的+y +x就可以获取值是什么原理？

//2.求出x,y两个数的最小值，要求x,y的值由用户通过提示对话框输入
            var x = prompt("请输入x的值");
            var y = prompt("请输入y的值");
            if(x == y){
                document.write("两个值相等");
            }else if(x>y){
                document.write("最小值是："+y);
            }else if(x<y){
                document.write("最小值是："+x);
            }

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

创建类就类似于封装一个创建对象的函数，用new关键

WEB前端全系列/第二阶段：JavaScript编程模块/正则对象 382楼

老师，我这里没有用var left=event.clientX,而是直接用event.clientX进行判断，这样为什么不起作用呢？

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

问题：下面这个打印出来的类型是布尔类型吗？我目前的认可是未定义类型，但是打印出来时是布尔类型？

麻烦老师解释一下！

       var age;
       console.log(typeof age)

代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
       var age = "123"
       console.log(typeof age)
       //字符串类型

       var age = 123;
       console.log(typeof age)
       //数字类型

       var age = true;
       console.log(typeof age)
       //布尔类型

       var age;
       console.log(typeof age)
       //未定义？
   
    </script>
     
</body>
</html>

打印的效果图：

WEB前端全系列/第二阶段：JavaScript编程模块/JavaScript基础与变量 384楼

老师，事件冒泡不是要函数名相同吗，本视频dom0级事件触发没问题，都是匿名函数嘛，可是为什么上个视频在HTML事件分别是test1,test2,test也会触发事件冒泡呢？不懂，求解

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        var age=100;
           var obj={
               age:20,
               name:'aaa',
               uname:()=>{
                   console.log(this.age);
               },
               uage:function(){
                 var test= ()=>{
                    console.log(this.age);
                    
                  }
                  return test;
               }
           }
        
          
    
    </script>
</body>
</html>

老师这里要怎么调用test这个方法

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

//老师，请问一下，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编程模块/运算符_数据类型和流程循环语句 387楼

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

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

<!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模型 389楼

<!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) 390楼

同学您好