描述dom模型的概念,dom对象的概念总结
这篇文章给大家带来了一些关于javascript的知识,主要是关于DOM文档模型的相关问题。DOM是W3C设计的一种独立于平台和语言的API,通过它程序或脚本可以动态地访问和修改文档的内容、样式和结构。下面就来看看吧,希望对你有所帮助。
【相关推荐:javascript视频教程,web前端】
D:文档浏览器加载的页面
o:对象页面和页面中的任何元素都是对象。
M:M:模块模型页面中元素的组织形式
DOM W3C被设计为独立于平台和语言的API,通过它程序或脚本可以动态地访问和修改文档的内容、样式和结构。
DOM是web浏览器的操作规范。javascript借助DOM取得了web标准语言的地位,在web领域实现了“一次编写,随处运行”的目标。
文档对象模型(DOM)是HTML和XML文档的编程接口。它为文档提供了结构化的呈现方式,可以改变文档的内容和呈现方式。我们最关心的是DOM把网页和脚本等编程语言连接起来。
脚本开发人员可以通过文档对象的属性、方法和事件来控制、操作和创建动态网页元素。每一个网页元素(一个HTML标签)对应一个对象(所谓的“对象”在白话里就是“某物”的意思)。object一词在台湾省通常翻译为“对象”)。网页上的标签是层层嵌套的,最外层是HTML。文档对象模型也是一层一层嵌套的,但通常理解为树的形状。是根窗口或文档对象,相当于最外层标签的外围,也就是整个文档。树根下面(这棵树的图一般都是画反了,就像基因谱系或者家谱一样。根是唯一的共同祖先)是子级对象,子对象也有自己的子对象。除了根对象,所有对象都有自己的父对象,同一对象的子对象是兄弟。
在这个由“父子兄弟”组成的“孤雌生殖族谱树”的框架结构中,每个网页元素都能被精确定位。文档模型将整个网页组织成这样的树结构,树结构中的每个元素都被视为一个节点。包括JavaScript在内的各种编程语言都可以通过文档对象模型来访问和更改网页的各种细节。
万维网联盟(W3C)已经为文档对象模型制定了一系列标准,更多的相关标准正在制定中。当代的浏览器不仅支持其中的一些标准,还支持一些早在W3C标准制定之前就流行的已建立的编程接口。也就是说,浏览器使用的技术历史复杂,一些人们常用的DOM技术没有标准可循。
我们将深入通用DOM的所有细节(包括IE浏览器中的一些“与众不同”的技术),全面掌握面向实践的技术。
DOM和JavaScript
人们不喜欢谈DOM,要么谈JavaScript,要么谈“Ajax”(一个曾经流行的“概念”,最近刚刚降温,就像上世纪末的“DHTML”。我个人对这些热词的出现感到非常欣慰,因为每一次都带来了人们对JavaScript技术的热情。下一个热词是什么?也许我们可以做一个.……伪混搭好吗?)。
我们用JavaScript在网页上做的所有操作都是通过DOM完成的。DOM属于浏览器,不是JavaScript语言规范中规定的核心内容,所以如果下载一个JavaScript语言参考帮助文档去查,连妇孺皆知的document.write方法都找不到。
主要的接口有:
节点接口:是单据中节点的基础类型。定义了访问和更改文档结构的基本方法。
文档界面:表示整个文档。您可以创建各种节点(元素、注释、处理指令等。)在文档中,并且创建的节点具有OwnerDoculnent属性,指示创建它们的文档对象。
DocumentFragment接口:它表示文档树的子树,这是一个相当小的文档。
Attr接口:表示元素节点的属性。有趣的是,它不被视为这个元素节点的子节点,也不构成DOM树的一部分。它也不是DocumentFragment节点的直接子节点。
CharacterData接口:它维护DOMsitrgn字符串,并提供读写操作的接口。但是不直接对应于文档的某一类型的节点。
文本接口:继承自CharacterData。代表元素或属性的一段连续文本。它有一个派生接口CDATAsection,作用是:CDATA section节点的内容不会被转换;使用Node中的nomraliez方法时,相邻的文本节点会合并为一个节点,但使用CDATASeciton可以避免合并。
评论接口:也是继承自CharacterData。表示注释中的文本内容。
NodeList接口:用于管理有序的节点集。
实体接口:代表一个实体;实体是指实体的引用。
NamedNodeMap接口:用于管理无序节点集。
DOMImplementation接口:提供一个独立于DOM模型实例的接口。CreateDocument可以创建文档对象;HaseFature可以确定DOM实现是否支持某个模块。
符号接口:表示文档中的符号定义。
加工指令界面:代表加工指令。
DOMException接口:异常处理。由程序中的逻辑错误、数据丢失或DOM实现本身的不稳定性引起的错误。在程序处理过程中,该方法返回一个错误值。接口之间的继承关系如图所示。
【相关推荐:javascript视频教程,web前端】以上是对DOM文档对象模型简单介绍的细节。更多请关注我们的其他相关文章!
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。