javascript DOM

kongxiantao

浏览: 112815 次
性别:
来自: 北京

最近访客更多访客>>

kongshanxuelin

freerambo

woodding2008

louhq306331808

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

JavaScript
规范
总结

原文地址：

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

分享到：

execCommand | javascript 版本

2011-11-21 10:50
浏览 1043
评论(0)
分类:Web前端
查看更多

发表评论

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

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

javascript DOM

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

javascript DOM

评论

发表评论

相关推荐

execCommand

javascript 版本

支持ctrl，shift键的拖拽排序

javascript 封装 继承

javascript 中的闭包

javascript 排序

seajs 源码 学习 1

seajs 源代码 学习

null 和 undefined

辩：javascript 的数据类型

跨域请求

2011-06-18 总结

2010年我的技术存档整理

2011-05-19 总结

douglas crockford 大神 javascript 规范

2011-05-03 阶段总结

uglifyJS

JavaScript DO 框架 学习

prettfy demo

JavaScript 测试题

最近访客更多访客>>

javascript 封装继承

seajs 源码学习 1

seajs 源代码学习

JavaScript DO 框架学习