关于DOM的总结-阿里云开发者社区

开发者社区> 开发与运维> 正文

关于DOM的总结

简介:

 

 

这样有什么好处吗?

一但这些东西变成了节点对象,意味着每一个节点对象都会有很多属性和行为提供出来。

 

如果div是一个对象,那么就可以针对这个对象调用其中的一些方法,对div操作。

这个操作可以包括,比如,想把div删除,想加一个div,想在dl中加一个dt。

 

到底是删除还是添加,我对外提供 一个按钮,点击按钮进行删除还是添加,由用户来决定,这样就动态了文档。

只有把HTML中的标签变活了才能操作,否则是死的,无法操作。

这就是DOM中最核心的,把文档以及文档中所有的内容变成了对象。

                   DOM:Document Object Model(文档对象模型)

                            用来将标记型文档封装成对象,并将标记型文档中的所有的内容(标签,文本,属性等)都封装成对象。

                            封装成对象的目的是为了更为方便的操作这些文档以及文档中的所有内容。

                            因为对象的出现就可以有属性和行为被调用。

 

                   文档对象模型

                   文档:标记型文档。

                   对象:封装了属性和行为的实例,可以被直接调用。

                   模型:所有标记型文档都具备一些共性特征的一个体现。

                                     标记型文档(标签,属性,标签中封装的数据).

                                    

                   只要是标记型文档,DOM这种技术都可以对其进行操作。

                  

                   常见的标记型文档:html  xml

                  

                   DOM这种技术是如何对标记型文档机型操作的呢?

                   要操作标记型文档必须对其进行解析。

                  

                   DOM技术的解析方式:将标记型文档解析一棵DOM树,并将树中的内容都封装成节点对象。

                  

                  

                   注意:这个DOM解析方式的好处:可以对树中的节点进行任意操作,比如:增删改查。

                  

                   弊端:这种解析需要将整个标记型文档加载进内存。意味着如果标记型文档的体积很大,较为浪费内存空间。

                  

                   简介另一种解析方式:SAX:是由一些组织定义的一种民间常用的解析方式,并不是w3c标准,而DOM是W3C的标准。

                  

                   SAX解析的方式:基于事件驱动的解析。获取数据的速度很快,但是不能对标记进行增删改。

                   现在很多应用软件既有DOM又有SAX。

 

                   DOM模型有三种:

                   DOM level 1:将html文档封装成对象。

                   DOM level 2:在leve 1基础上加入了新功能,比如解析名称空间。

                   DOM level 3:将xml文档封装成了对象。

 

                   DHTML:动态的HTML。不是一门语言:是多项技术综合体的简称。

                   其中包含了HTML,CSS,DOM,Javascript。

                  

                   这四个技术在动态html页面效果定义时,都处于什么样角色呢?负责什么样的职责呢?

                  

                   HTML:负责提供标签,对数据进行封装,目的是便于对该标签中的数据进行操作。

                                     简单说:用标签封装数据。

                                    

                   CSS:负责提供样式属性,对标签中的数据进行样式的定义。

                                     简单说:对数据进行样式定义

                                    

                   DOM:负责将标签型文档以及文档中的所有内容进行解析,并封装成对象,在对象中定义了更多的属性和行为,便于对对象操作。

                                     简单说:将文档和标签以及其他内容变成对象。

                                    

                   JS:负责提供程序设计语言,对页面中的对象进行逻辑操作。

                                     简单说:负责页面的行为定义。就是页面的动态效果。

 

                   所以javascript是动态效果的主力编程语言。

 

                   DHTML+XMLhttpRequest = AJAX

 

                   BOM:Browser Object Model 浏览器对象模型。

                            这个模型方便于操作浏览器。

                           

                   浏览器对应的对象就是window对象。这个可以通过查阅dhtml api获得。

                   -->


本文转自SummerChill博客园博客,原文链接:http://www.cnblogs.com/DreamDrive/p/4430392.html,如需转载请自行联系原作者

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

分享:
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

其他文章