let :定義變量
function(參數(shù)){函數(shù)體}
分之與循環(huán):
if(條件){運(yùn)行體}else{}
if(條件){運(yùn)行體}else if(){}else{}

while(條件){循環(huán)體}
do{循環(huán)體}while(條件)
for(定義變量,條件,變量運(yùn)行){循環(huán)體}

window
window:窗口
alert:彈窗
窗口大小:innerHeight/innerWidth
窗口位置:screenLeft/screenTop
滾動(dòng)條偏移位置:pageYOFFset/pageXOFFset
打開open/關(guān)閉close窗口(可以用confirm判斷)
警告alert/提示prompt/確認(rèn)confirm
循環(huán)執(zhí)行：setInterval(執(zhí)行體,時(shí)間)
到點(diǎn)執(zhí)行：setTimeout(執(zhí)行體,時(shí)間)
(清除把set改為clear)

history對(duì)象
瀏覽歷史記錄
前進(jìn)forward
后退back

location對(duì)象
刷新reload
屏幕相關(guān)screen
瀏覽器navigator

document
document:頁面
write:
querySelector('#id')
document獲取頁面元素(標(biāo)簽)的方法
getElementById - Node根據(jù)ID獲取唯一元素
getElementsByClassName - NodeList根據(jù)類名獲取元素的列表
getElementsByTagName - 根據(jù)標(biāo)簽名獲取元素的列表
querySelector - 根據(jù)樣式選擇器獲取第一個(gè)匹配的元素
querySelectorAll - 根據(jù)樣式選擇器獲取元素的列表
獲取父節(jié)點(diǎn):parentElement/parentNode
獲取子節(jié)點(diǎn):children(拿所有)/firstElementchild/firstchild
獲取兄弟節(jié)點(diǎn):previousSibling/previousElementSibling(獲取前一個(gè)) nextSibling/nextElementSibling(后一個(gè))
修改標(biāo)簽屬性:可以通過修改style或者類名className,
.屬性名:讀取屬性,
setAttribute(屬性名):設(shè)置屬性
getAttribute(屬性名):獲得屬性
removeAttribute(屬性名):移除屬性
讀樣式:document.defaultView.getComputedStyle(保存的變量,'')
綁定事件：addEventListener('事件名',回調(diào)函數(shù),bool)
移除事件監(jiān)聽器:removeEventListener('事件名',回調(diào)函數(shù))
創(chuàng)建元素:document.createElement('div')
添加元素:document.body.appendChild()/document.父節(jié)點(diǎn).appendChild()
父節(jié)點(diǎn).insertBefore(添加的節(jié)點(diǎn),什么節(jié)點(diǎn)的前面)
刪除元素:標(biāo)簽.parentNode.removeChild(標(biāo)簽)

函數(shù)：
function 變量名(參數(shù)){函數(shù)體}
()=>{}
function () {}
evt參數(shù)是函數(shù)被調(diào)用時(shí)傳入的代表事件的對(duì)象，通過事件對(duì)象的target屬性可以獲取到引發(fā)事件的事件源

類
class 類名{constructor(參數(shù)){}
函數(shù)名(參數(shù)){}
get 屬性名(){}
}
調(diào)用要加new
變量名 = new 類名(參數(shù))

三目運(yùn)算符:
條件？真：假

綁定事件
addEventListener(事件，事件發(fā)生的執(zhí)行函數(shù))
事件：click點(diǎn)擊/keydown/keyup/mouseover/mouseout