JavaScript

let :定义变量
function(参数){函数体}
分之与循环:
if(条件){运行体}else{}
if(条件){运行体}else if(){}else{}

while(条件){循环体}
do{循环体}while(条件)
for(定义变量,条件,变量运行){循环体}

window
window:窗口
alert:弹窗
窗口大小:innerHeight/innerWidth
窗口位置:screenLeft/screenTop
滚动条偏移位置:pageYOFFset/pageXOFFset
打开open/关闭close窗口(可以用confirm判断)
警告alert/提示prompt/确认confirm
循环执行：setInterval(执行体,时间)
到点执行：setTimeout(执行体,时间)
(清除把set改为clear)

history对象
浏览历史记录
前进forward
后退back

location对象
刷新reload
屏幕相关screen
浏览器navigator

document
document:页面
write:
querySelector('#id')
document获取页面元素(标签)的方法
getElementById - Node根据ID获取唯一元素
getElementsByClassName - NodeList根据类名获取元素的列表
getElementsByTagName - 根据标签名获取元素的列表
querySelector - 根据样式选择器获取第一个匹配的元素
querySelectorAll - 根据样式选择器获取元素的列表
获取父节点:parentElement/parentNode
获取子节点:children(拿所有)/firstElementchild/firstchild
获取兄弟节点:previousSibling/previousElementSibling(获取前一个) nextSibling/nextElementSibling(后一个)
修改标签属性:可以通过修改style或者类名className,
.属性名:读取属性,
setAttribute(属性名):设置属性
getAttribute(属性名):获得属性
removeAttribute(属性名):移除属性
读样式:document.defaultView.getComputedStyle(保存的变量,'')
绑定事件：addEventListener('事件名',回调函数,bool)
移除事件监听器:removeEventListener('事件名',回调函数)
创建元素:document.createElement('div')
添加元素:document.body.appendChild()/document.父节点.appendChild()
父节点.insertBefore(添加的节点,什么节点的前面)
删除元素:标签.parentNode.removeChild(标签)

函数：
function 变量名(参数){函数体}
()=>{}
function () {}
evt参数是函数被调用时传入的代表事件的对象，通过事件对象的target属性可以获取到引发事件的事件源

类
class 类名{constructor(参数){}
函数名(参数){}
get 属性名(){}
}
调用要加new
变量名 = new 类名(参数)

三目运算符:
条件？真：假

绑定事件
addEventListener(事件，事件发生的执行函数)
事件：click点击/keydown/keyup/mouseover/mouseout