image.png

API

image.png

Web API

image.png

小结

image.png

DOM

image.png

DOM树

image.png

获取元素

image.png

getElementById()和 console.dir()

使用getElementById()方法可以返回带有Id的元素对象
image.png

getElementsByTagName()

image.png
image.png
image.png

image.png
image.png

getElementsByClassName()和 querySelector()和 querySelectorAll()

image.png
image.png
image.png
image.png
image.png

事件基础

image.png

事件三要素

image.png

执行事件的步骤

image.png
image.png

常见鼠标事件

image.png

操作元素

改变元素的内容

image.png
image.png

innerText和innerHtml的区别

image.png

改变元素属性

image.png
image.png
image.png

表单元素属性操作

image.png
image.png

image.png

样式属性操作

image.png
image.png
image.png
image.png
案列
image.png
image.png
image.png
image.png
image.png

小结

image.png

排他思想

image.png
image.png

自定义属性的操作

获取属性值

image.png
image.png

设置属性值

image.png
image.png

移除属性

image.png
image.png
image.png

节点操作

image.png
image.png
image.png

父级节点

image.png
image.png
image.png

子节点

image.png
image.png
image.png
image.png
image.png
image.png

兄弟节点

image.png
image.png
image.png

创建节点

image.png

添加节点

image.png
image.png

删除节点

image.png
image.png
image.png

复制节点

image.png
image.png

三种创建元素方式区别

image.png
image.png
image.png

DOM核心

创建

image.png

image.png

image.png

image.png

image.png

属性操作

image.png

事件操作

image.png

事件高级

注册事件

image.png
事件监听方式
image.png
image.png

删除事件

image.png
image.png
image.png

DOM事件流

image.png
image.png
image.png

事件对象

image.png
image.png
image.png
image.png

事件对象常见的属性和方法

image.png
image.png
image.png

阻止默认行为

image.png
image.png

阻止事件冒泡

image.png
image.png

事件委托

image.png

常用鼠标事件

image.png
image.png
image.png

鼠标事件对象

image.png
image.png

常用键盘事件

image.png
image.png
image.png
image.png
image.png

BOM

image.png

BOM构成

image.png

image.png

window对象常见事件

窗口加载事件

image.png
image.png

调整窗口大小事件

image.png

定时器

image.png

setTimeout()

image.png
image.png

clearTimeout()

image.png

setInterval()

image.png

clearInterval()

image.png

this

image.png
image.png
image.png
image.png

JS执行队列

image.png
image.png

同步和异步

image.png
image.png
image.png

location对象

URL
image.png
location对象的属性
image.png
image.png

navigator对象

image.png

history对象

image.png

元素偏移量offset系列

image.png
image.png
image.png
image.png

元素可视区client系列

image.png

元素滚动scroll系列

image.png

三大系列总结

image.png
image.pngimage.png

动画函数封装

image.png