DOM是Document Object Model的缩写,中文名字是文档对象模型。
DOM是处置HTML页面的规范编程接口,DOM可被JavaScript用来读取、改变HTML的内容和结构。
前端三大件指HTML、CSS、JavaScript,其中JavaScript非常重要的组成部分就是DOM。
1、大家为何要学习DOM呢?
1,DOM可以让用户对网页元素进行交互操作
譬如,当我点击了一个按钮,弹出一个对话框等操作。
2,DOM可以用来做页游
譬如,目前比较时尚的魔兽世界这种游戏,大家完全可以拿JavaScript操作DOM来达成。
3,DOM是ajax的要紧基础
譬如,大家通过ajax获得了一些数据,你要显示给用户,这就需要用到DOM了。
2、大家是这么解说DOM的
1,第一大家会解说什么是DOM,就是之前说的文档对象模型
DOM是处置HTML的规范编程接口,DOM可被JavaScript用来读取、改变HTML的内容和结构。
2,会解说什么是DOM树
对象与对象间的层次结构。
3,会解说什么是DOM节点
依据 W3C 的 HTML DOM 标准,HTML 文档中的所有内容都是节点:
整个文档是一个文档节点
每一个 HTML 元素是元素节点
HTML 元素内的文本是文本节点
每一个 HTML 属性是属性节点
注解是注解节点
4,会解说什么是事件驱动
即做了哪些操作,实行啥事件。
5,会解说什么是2级DOM
1级DOM、2级DOM、3级DOM分别指什么?如何达成。
6,会解说什么是事件流
会解说什么叫做事件冒泡,什么叫做事件捕获,依据事件流的特征能达成什么功能,及怎么样阻止事件的传播。
7,会解说什么是Event
Event 对象的属性提供了有关事件的细节。
3、模拟画笔案例
在网页中,通过JavaScript操作DOM来模拟画笔功能,譬如鼠标按下后,在屏幕中拖动,会形成痕迹,那样整个过程,就是在模拟画笔。