原文地址:
http://blog.moocss.com/tutorials/javascript-tutorials/454.html
http://blog.moocss.com/tutorials/javascript-tutorials/456.html
整理后的:
概述:
DOM是W3C制定的规范。DOM被分成三大部分,包括:核心DOM,HTML DOM,XML DOM。按级别分:DOM 1/2/3级
注意:对于DOM 0级(也叫遗留DOM),它是遗留下的DOM,它已被纳入到W3C的标准中了,所以我们把它以“0级别”DOM的身份出现。
现在,0级DOM只被用来处理表单。0级DOM只是定义了一个Document类,我们通常非正式地把Document类也称为Document对象。
O级别的DOM大多数功能都是特定于HTML的,必须在HTMLDocument下查找它们。
===========================
0级DOM
===========================
DOM 级别 0 不是 W3C 规范。而仅仅是对在 Netscape Navigator 3.0 和 Microsoft Internet Explorer 3.0 中的等价功能性的一种定义。
W3C 的 DOM 级别 1 建立于此功能性之上。
Document对象的属性和方法
首先Document对象可以用window.document得到,那是因为他是window对象的属性。你可以直接写成document那是因为window对象是全局对象可以不写。
方法:
1、document.write() 向文档写 HTML 表达式 或 JavaScript 代码
2、document.writeln() 等同于 write() 方法,不同的是在每个表达式之后写一个换行符。
3、document.open() 打开文档,以收集来自任何 document.write() 或 document.writeln() 方法的输出。(是为了使用write方法向弹出的新窗口里写东西)
4、document.close() 正如上面写完东西后你必须把文档关掉,注意这里说的不是window.close()这是两回事
属性:
1、document.bgColor 其实是对应标记<body>的bgcolor属性(已不再使用)
2、document.cookie 设置或返回与当前文档有关的所有 cookie。
3、document.domain 关于同源策略安全限制,返回当前文档的域名。
4、document.lastModified 一个字符串,包含文档的修改日期
5、document.location 等价于URL已不再使用
6、document.referrer 把浏览器带到当前页面的链接的URL
7、document.title 返回当前文档的标题。
8、document.URL 返回当前文档的 URL
数组形式的属性:
1、document.anchors[] 文档中锚的集合
2、document.applets[] 文档中小应用程序的集合
3、document.forms[] 文档中表单的集合
4、document.images[] 文档中图片的集合
5、document.links[] 文档中链接的集合 注意链接包括<a href="#">和<area>
总结:
就这么多,只要记住就可以了,对于“0级DOM“还需要记住以下几句话:
1、"0级DOM“没有改变文档结构的方法,只可以为<select>标签添加新的<option>标签。
2、如果有一个<form name="f1"></form>你可以为三种格式到引用他。
一是:document.forms[0]。二是:document.forms.f1。三种是:document.forms["f1"]。
3、如果两个元素有同样的名子“n“那么document.n就会变成保存了这两个元素引用的一个数组。
===========================
1级DOM
===========================
DOM 级别 1 专注于 HTML 和 XML 文档模型。它含有文档导航和处理功能。
DOM 级别 1 于 1998 年 10 月 1 日成为 W3C 推荐标准。
第二版的工作草案在 2000 年 9 月 29 日。
备注:
Dom 1级规范由两部分组成:
DOM Core:
为XML文档规定了一般性的树形节点结构的内部运行机制,同时给出了创建,编辑和操作这个树形结构的必要属性和方法。
DOM HMTL:
为与HTML文档,标准集合以及个别的HTML标签相关的具体元素定义了对象,属性和方法。
===========================
2级DOM
===========================
DOM 级别 2 对 DOM 级别 1 添加了样式表对象模型,并定义了操作附于文档之上的样式信息的功能性。
DOM 级别 2 同时还定义了一个事件模型,并提供了对 XML 命名空间的支持。
作为一项 W3C 推荐标准,DOM 级别 2 规范发布于 2000 年 11 月 13 日:
DOM Level 2 核心:规定了访问和更改文档内容及结构的一个 API,此 API 同时包含用于 XML 的接口。
DOM Level 2 HTML:规定了操作 HTML 文档结构和内容的 API。(这部分规范仍然是工作草案)
DOM Level 2 Views:规定了对文档视图进行访问和更改的 API。视图是与原文档相关联的表现形式或某种备用的表现形式。
DOM Level 2 Style:规定了动态访问及更改内容样式表的 API。
DOM Level 2 Events:规定了访问文档事件的 API。
DOM Level 2 Traversal-Range:规定了动态遍历和识别文档中内容范围的 API。
备注:
DOM2级规范发布于 2000 年 11 月 13 日,更新了核心(DOM2核心)并增加了其他的一些规范。
DOM2 HTML规范于2003年1月发布,添加了针对HTML4.01和XHTML1.0的更多对象,属性和方法。
DOM2推荐标准分成了以下6个不同的规范。
DOM2 Core:类似于DOM Core,规定了对DOM文档结构的控制机制,添加了更多的特征,比如针对命名空间的方法等。
DOM2 HTML:类似于DOM HTML,规定了针对HTML的DOM文档的控制机制。
DOM2 Events :规定了对于鼠标相关的事件(包括目标,捕获,冒泡和取消)的控制机制,但不包含于键盘相关事件的处理部分。
DOM2 Stype:它也叫DOM2CSS,提供了访问和操作所有与CSS相关的样式及规则的能力
DOM2 Traversal and Range:这两个规范使你能够迭代访问DOM,以便根据需要对文档进行遍历或操作。
DOM2 Views:提供了访问和更新文档表现的能力。
===========================
3级DOM
===========================
DOM Level 3 规定了内容模型 (DTD 和 Schemas) 和文档验证。
同时规定了文档加载和保存、文档查看、文档格式化和关键事件。
DOM Level 3 建立于 DOM Core Level 2 之上。
DOM Level 3 Requirements
DOM Requirements 文档已经为 Level 3 requirements 进行了更新,并于 2000 年 4 月 12 日发布为工作草案。
下面的 DOM Level 3 工作草案发布于 2000 年 9 月 1 日:
DOM Level 3 Core:规定了访问和更改文档内容、结构及样式的一个 API。
DOM Level 3 Events:通过增加新的接口和新的事件集,DOM Level 3 Events API 对 Level 2 Event API 的功能进行了扩展。
DOM Level 3 Load and Save:DOM Level 3 Content Model 规定了用于内容加载和保存、内容模型 (DTD and Schemas) 和文档验证支持的 API。
DOM Level 3 Views and Formatting:DOM Level 3 Views 规定了对文档视图进行访问和更改的 API。视图是与原文档相关联的表现形式或某种备用的表现形式。