JS第一天总结

前端的基础学科.

html(结构) + css(样式) + javascript(行为)

javascript由三个部分组成:
    ES,DOM,BOM

ES:
    1:变量,常量,数据类型
    2:操作符,表达式
    3:控制结构,if判断,for循环,while
    4:函数
    5:对象,面向对象

DOM:
    节点的操作
    事件对象,事件流

对象

    BOM:
        3个常用对象
        元素的尺寸,元素的偏移,页面滚动距离..~~删除线格式~~
    <button>德玛西亚用R技能</button>

    <script>

        // 对象的属性如果是一个函数,则这个属性一般就叫方法.

        // aDiv[0].setAttribute('abc',20000);
        // document.querySelectorAll('div');

        // innerText不是函数,因此不是方法,不需要在后面加();
        // aDiv[0].innerText = '77777'

        // 对象 -> 英雄
        // 对象的方法 -> 英雄的技能

        let oGl = {
            name:'盖伦',
            nickName:'大宝剑',
            attack:77,
            def:30,

            Q:function 致命打击(){
                console.log('我跑得飞快')
            },
            E:function 审判(){console.log('爱的魔力转圈圈')},
            W:function 加护盾(){console.log('给我力量')},
            R:function 大宝剑(){console.log('我是德玛西亚')}
        }

        let aBtn = document.querySelectorAll('button');

        aBtn[0].onclick = function skill(){
            // 点击时,德玛西亚对象使用R这个技能.
            // 对象oGl调用了R方法。
            oGl.R();
        }

        // document这个对象使用了querySelector技能，就召唤了一个div，然后存放在oDiv变量里。
        let oDiv = document.querySelector('div');

    </script>

总结

今天一天学习了JS的基础运算符，声明，还有如何用JS去选取html标签和修改标签的属性样式。了解了一下了对象这个概念，对象都是有键值对存在的，一般键值是 字符串 数字类型这类，我们叫它为属性，如果是函数，就是指方法。所以一般都是‘’对象.属性‘’或者‘’对象.方法‘’。前面的一些声明 定义变量就不写了，可以在网上看看，这类比较基础。