[深圳|结业弟子]JS-黄俊杰|2020年06月03日的日报-技能树.IT修真院

发表于： 2020-06-03 22:11:17

1 2174

占个坑

一.操作dom的方式有哪几种

除了常用的ID tag class 之外，还有H5新增的

querySelector ,返回指定选择器的第一个元素对象

document.querySelector('选择器名’，也可以是ID/类名)

如果有多个相同选择器的情况下，只会得到第一个元素对象。

在 querySelector 的基础上加all ,就会指定选择器所有元素对象的集合。

document.querySelectorAll（'选择器'）

另外还有获取body跟html的。

document.body
document.documentElement

二.函数的声明方式有几种

第1种

典型的函数声明

function f1(){
    return 123;
}
alert(f1());//调用

第2种

函数表达式将一个匿名函数赋给一个变量。

var f2 = function (){
    return 123;
}
alert(f2());//调用

第3种（不知道叫什么）将f4函数赋给变量f3

var f3=function f4(){
    return 123;
}
alert(f3());//调用
alert(f4());//调用

第4种，构造器？？声明f5为一个对象

var f5=new Function();

3.事件和事件流

于网页交互过程中，在网页上触发的行为都叫事件。

因为某个元素被触发，但这个元素又不是独立的，元素是串联在一起的。被触发之后还会影响到其他元素，这叫事件流？是这样解释吗。

事件冒泡、事件捕获

事件冒泡：事件从目标子元素向父级元素逐级传递（目标div -> 父元素 —> body ->html ->document）

就像一个人被石头砸了脚，痛感神经将信息由下向上传输给大脑。

    <div id="a" onclick="console.log('我是div')">
        <button class="b" onclick="console.log('我是按钮')">
            <span class="c" onclick="console.log('我是span')">事件冒泡</span>
        </button>
    </div>