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

<!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>
           .div1{
            background-color: blue;
            width: 500px;
            height: 500px;
        }
        .div2{
            background-color:pink;
            width: 200px;
            height: 200px;
            margin: 150px;
        }
    </style>
</head>
<body>
    <div class="div1">
        div1
        <div class="div2">div2</div>
    </div>
    <!-- 鼠标事件
    1.单击：click
    2.双击：dblclick
    3.鼠标按时：mousedown
    4.鼠标抬起：mouseup
    5.鼠标移动时：mousemove

    6鼠标移入时候/移出事：（不冒泡） mouseenter/mouseleave
     7鼠标移入时候/移出事：（不冒泡） mouseover/mouseout

    -->
    <script>
    var div1=document.getElementsByClassName('div1');
    var div2=document.getElementsByClassName('div2');
    function test1() {
        console.log('这是div1');
       
    }
    function test2() {
        console.log('这是div2');
       
    }
    var EVe={
       AA: function(ele,event,fun,bool){
         if(ele.addEventListener){
           ele.addEventListener(event,fun,bool)
         }else{
                ele.attaEvent('on'+event,fun,bool)
         }
       }
    }
      EVe.AA(div1,'click',test1,false)
    </script>
</body>
</html>

啥问题

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

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

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

var div=  document.querySelector('div');
/*var temp=div.addEventListener;
console.log(temp);*/

var temp=  div.addEventListener('click', function () {
      console.log("这是函数");
  });
console.log(temp);

这个运行结果为什么显示未定义？

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

.imglist ul li.current{

display: block;

}

老师，这里我直接写 .current{ } 为什么不行，是因为前面的更长？

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>DOM介绍</title>
</head>
<body>
    <script>
        /*
        DOM Document节点‘
        描述：
            (1)DOM全称为Document Object Model，即文档对象模型，-
                它是一套用来管理控制html文档的规则
            (2)document节点：document节点就是文档本身
        说明：
            (1)节点是对象的另外一种叫法，在DOM规则中规定对象都称为节点
            (2)DOM规定页面中所有的元素都是节点
        */
        console.log(document);
        console.log(document.head);
    </script>
</body>
</html>

老师，这是怎么回事？

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

QQ截图20201130165548.png

如果按第一种写法，意思就是把所有的关键字都默认当成字符串，用方括号写就默认把关键字还当作关键字？

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

这里面用的都是严格相等运算符，为什么这地方不相等运算符，而没有用严格不相等运算符！==

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

老师，早上好，我这个错误在哪里，不报错，但也不出结果

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

        function getStr(length){
            var ALPHABET = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890"
            var str = "";
            for(var i=0;i<length;i++){
                var rand = Math.floor(Math.random()*ALPHABET.length);
                str = ALPHABET.substring(rand,rand + 1);
            }
           console.log(str); 
        }
        getStr(6);

老师看一下我这代码有什么问题嘛,为什么我的getStr(6)，并没在控制台中体现

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

这个视频和上一个字符串概述是一样的呀

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

老师，num+ 相当于num=num+1，num++是不是相当于num=num+1+1？

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

【getattribute setattribute removeattribute】跟【setproperty getproperty removeproperty】有啥区别？谢谢老师

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

同学您好