前端的基础学科.
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标签和修改标签的属性样式。了解了一下了对象这个概念,对象都是有键值对存在的,一般键值是 字符串 数字类型这类,我们叫它为属性,如果是函数,就是指方法。所以一般都是‘’对象.属性‘’或者‘’对象.方法‘’。前面的一些声明 定义变量就不写了,可以在网上看看,这类比较基础。