375750496
网站制作

响应式网站制作中的html5要点:DOM编程

发表日期:2024-08-02   作者来源:   浏览:0   标签:    

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来模拟画笔功能,譬如鼠标按下后,在屏幕中拖动,会形成痕迹,那样整个过程,就是在模拟画笔。

如没特殊注明,文章均为厦门博久高端网站建设公司 原创,转载请注明来自https://www.sosuoseo.com/news/zhizuo/2/4246.html
相关案例