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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>node方法2</title>
</head>
<body>
    <div>
        <div>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.getElementById('div2');
        var but=document.getElementById('but');

        but.onclick.function () {
            var textNode=document.createTextNode('收藏');
            but.replaceChild(textNode,but.firstChild);
            but.setAttribute('disabled','disabled');
        }
    </script>
</body>
</html>

老师，为什么报错了呢？哪里错了？

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

老师prototype和__proto__之间什么关系，这两个有点捋不清，蒙了

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

obj.name='张先生';
        obj['height']='179cm';
        console.log(obj);

老师，这里为啥要用分号，用逗号不行吗？

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>点击事件选项卡</title>
    <style>
        li:hover{
            background-color: orange;
        }
        li:hover a{
            color: white;
        }
    </style>
</head>
<body>
<script>
    Arr=['首页','游戏','军事','音乐'];
    ul=document.createElement('ul');
    ul_style=document.createAttribute('style');
    ul_style.value="list-style:none";
    ul.setAttributeNode(ul_style);
    document.body.appendChild(ul);
    for(var i=0;i<Arr.length;i++){
        li=document.createElement('li');
        li_style=document.createAttribute('style');
        li_style.value="display:inline-block;width:100px;height:30px;line-height:30px;background-color:skyblue;text-align:center;margin-left:3px;";
        li.setAttributeNode(li_style);
        a=document.createElement('a');
        a_style=document.createAttribute('style');
        a.innerHTML=Arr[i];
        ul.appendChild(li);
        li.appendChild(a);
    }
</script>
</body>
</html>

为什么鼠标放上去背景颜色不生效呢？

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

讲课总是出错服了........................................................

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>每1s输出内容</title>
    <style>
        div{
            width: 100px;
            height: 100px;
            background: pink;
        }
    </style>
</head>
<body>
<div></div>

<script>
    //编写一个div，要求鼠标按下不抬起时。每隔1s输出一句'hello world‘;

    //获取div
    var div= document.querySelector('div');
    var flag = false;
    document.onmousedown=function(){
        if (flag==true){
            setInterval(function () {
                console.log('hello world')
            },1000);
        }
    };
    //鼠标按下时
    div.onmousedown=function () {
        flag=true;
    };
    //鼠标抬起时
    div.onmouseup=function () {
        flag=false;
    }
</script>
</body>
</html>

老师，我想写

编写一个div，要求鼠标按下不抬起时。每隔1s输出一句'hello world‘;

现在完成了鼠标按下时每隔1s输出内容，但无法实现鼠标抬起时停止输出。

为什么我写的鼠标抬起时停止输出不生效呢？是哪里不对呢？

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

生成不可重复的随机数，时间戳确实是不可重复的，但是时间戳前面的5位数字是不是可以重复的？

WEB前端全系列/第二阶段：JavaScript编程模块/Math与Date 97楼

老师，我这输入框输入中文的“张三”，对象里输出这段文字：%E5%BC%A0%E4%B8%89

这是什么改为中文呢？

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

06dom实操—瀑布流.zip

e4a15fe2ce4ccbc99f571bd505abbf1.jpg

为什么一直有空白的地方

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>编写带有提示文字的滚动条</title>
    <style>
        div{
            width: 25px;
            height: 25px;
            border: 1px solid;
            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填加滑动事件
    input.onmousemove =function () {
        if (flag){
            //获取鼠标移动时坐标
            //console.log('(x,y):('+event.clientX+','+event.clientY+')');
            var divx = input.clientX;
            //当x坐标大于120（移出滚动条时，div隐藏）
            if (divx>120){
                div.style.display='none';
            }
            ////当x坐标小于14（移出滚动条时，div隐藏）
            if (divx<14){
                div.style.display='none';
            }
            else {
                //拖动时div块显示
                div.style.display='block';
            }
            //div的left属性赋值，div跟随上面的移动
            //style后面赋值必须为字符串
            div.style.left=event.clientX-12.5+'px';
            //把input实时的值赋到div块内
            div.innerHTML=input.value;
        }
    };
    //当鼠标按下时,div显示
    input.onmousedown=function () {
        flag=true;
        div.style.display='block';

    };
    //当鼠标抬起时，div隐藏
    input.onmouseup=function () {
        flag=false;
        div.style.display='none';
    }
</script>
</body>
</html>

老师，我想设置在鼠标移出滚动条范围后，鼠标按住时，div块也隐藏掉，但是并没有实现。这个应该如何实现？

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

<!DOCTYPE html>
<html>
<head lang="en">
  <meta charset="UTF-8">
  <title>函数提升</title>
</head>
<body>
<script>
 
var bb='11111';
  function a() {
    alert(bb);
  }
  a()
/*  var bb='11111111';
  function aaa(){
    //函数提升：var bb；
    alert(bb);
    //undefined 会产生一个函数提升 alert（bb）产生var bb； 会提升到函数内开头
    var bb='test';
    alert(bb);
    //'test'
    var cc='test1';
    alert(age);
    //报错
  }
  aaa();*/

</script>
</body>
</html>

老师这两段代码，为什么第一个调用函数a()就可以alert出 bb的值；

第二段 alert （bb）；就会出现undifined，第二个不也是在函数外调用的函数么，为什么不能获取全局变量bb的值呢

WEB前端全系列/第二阶段：JavaScript编程模块/Math与Date 101楼

文档里的代码：九九乘法表

问题：sum变量没有声明就使用，为啥不会报错？

for (var i = 1; i <= 9; i++) {
      document.write("<br>");
      for (var j = 1; j <= i; j++) {
          sum = i * j;
          document.write(i, "*", j, "=", sum, "");
      }
}

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

老师，你好，下面这个案例是我做的一个利用鼠标点击事件实现的一个手风琴二级菜单，但是在做的过程中一个有个功能不管怎样调试，都实现不了：那就是当二级菜单处于展开状态时，鼠标点击二级菜单里面的内容，二级菜单不会隐藏；只有当鼠标点击对应的一级菜单时二级菜单才会随着隐藏，并且切换相应的图片状态。还望老师指导一下。

html+css版.zip

图片.png

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

!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>
    <style>
        .box {
            width: 100px;
            height: 100px;
            background: red;
            border: 10px solid yellow;
            padding: 10px;
            margin: 10px;
        }
    </style>
</head>

<body>

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

    <script>

        var box = document.getElementById("box");
        console.log(box.offsetHeight);
        console.log(box.offsetWidth);

    </script>

</body>

</html>

为什么我打印不出来140，而是139

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

    function mySort(arr){
        for (var i = 0; i< arr.length - 1; i++){
            for (var j=0;j<arr.length;j++){
                if (arr[j] > arr[j+1]){
                    var temp=arr[j];
                    arr[j]= arr[j+1];
                    arr[j+1]=temp;
                }
            }
        }
        return arr;
    }([123,4,125,2,63,6,3457]);
    var result= mySort(arr);
    console.log(result);

这样为什么不对呢老师，显示arr is not defined

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

同学您好