js css操作

行内样式：例：el.style.fontSize = “13px”
传统css样式改变：例：el.className = “ha”;设置元素的类名
classList：add（） remove（） toggle（）
获取到css最终值：document.defaultView.getComputedStyle(el,null).css属性
css高度获取：
clientHeight：元素内容的高 offsetHeight：元素内容加边框的高
scrollHeight：元素内容加滚动条的高
距离获取：
scrollTop：顶部滚动的距离
scrollLeft：左右滚动的距离

javascript执行会阻塞html文档的渲染
javascript从上向下执行
javascript代码最好放在body最后面

add：添加 Event：时间 Listener：监听器 remove：移除
addEventListener：（事件名，事件处理函数）
removeEventLister：（事件名，事件处理函数） 移除事件监听器
后面的会覆盖前面的相同的语句

时间参数
target：时间参数
offsetX：相对于当前事件的左上角
offerY
pageX:相对于页面的左上角
pageY
clientX：相对于浏览器的可视区域
clientY

键盘事件
keydown：键盘按下
keyup：键盘弹起
键盘事件的参数：keycode：键盘代码
keycode：键盘代码
enter：13 esc：27 左：37
上：38 右：39 下：40 空格：32