`
kongxiantao
  • 浏览: 108064 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

javascript DOM

 
阅读更多

原文地址：

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。视图是与原文档相关联的表现形式或某种备用的表现形式。

 

 

 

 

分享到：
| javascript 版本
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics