博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JS--JavaScriptDOM基础及各版本特性(DOM1.0、DOM2.0、DOM3.0)
阅读量:2442 次
发布时间:2019-05-10

本文共 1293 字,大约阅读时间需要 4 分钟。

DOM基础

DOM(Document Object Model,文档对象模型)是W3C制定的一套技术规范,用来描述JavaScript脚本怎样与HTML或XML文档进行交互的Web标准。DOM规定了一系列标准接口,允许开发人员通过标准方式访问文档结构,操作网页内容、控制样式和行为等。

DOM各版本

1998年W3C对DOM进行标准化,并先后推出了3个不同的版本,下面重点说明以下。注意,每个版本都是在上一个版本基础上进行完善和扩展。但是在某些情况下,不同版本之间可能会存在不兼容的规定。

DOM 1.0

1998年10月,W3C推出DOM1.0版本规范,作为推荐标准正式发布,主要包括两个子规范。

  • DOM Core (核心部分):

    把XML文档设计为树形节点结构,并为这种结构的运行机制制定了一套规范化标准。同时定义了创建、编辑、操纵这些文档结构的基本属性和方法。

  • DOM HTML:

    针对HTML文档、标签集合,以及与个别HTML标签相关的元素定义了对象、属性和方法。

DOM 2.0

2000年11月,W3C正式发布了更新后的DOM核心部分,并在这次发布中添加了一些新规范,于是人们就把这次发布的DOM称为2级规范。

2003年1月,W3C又正式发布了对DOM HTML子规范的修订,添加了针对HTML4.01和XHTML1.0版本文档中很多对象、属性和方法。W3C把新修订的DOM规范同一称为DOM 2.0推荐版本,该版本主要包括6个推荐子规范。

  • DOM2 Core:
    继承自DOM Core子规范,系统规定了DOM文档结构模型,添加了更多的特性,如针对命名空间的方法等
  • DOM2 HTML:
    继承自DOM HTML,系统规定了针对HTML的DOM文档结构模型,并添加了一些属性。
  • DOM2 Events:
    规定了与鼠标相关的事件(包括目标、捕获、冒泡和取消)的控制机制,但不包含与键盘相关事件的处理部分
  • DOM2 Style(或DOM2 CSS):
    提供了访问和操纵所有与CSS相关的样式及规则的能力
  • DOM2 Traversal和DOM2 Range:
    DOM2 Traversal规范允许开发人员通过迭代的方式访问DOM,DOM2 Range规定允许对指定范围的内容进行操作
  • DOM2 View:
    提供了访问和更新文档表现(视图)的能力

者6个部分之间关系如下图,从中可以看到它们之间存在很大的关联性。DOM 2.0 已经称为目前各大浏览器支持的主流标准,但是早期IE对于该规范的支持还是不尽人意。

DOM 2.0 各个子规范之间的关系:

在这里插入图片描述

DOM 3.0

2004年4月,W3C发布了DOM 3.0 版本。DOM3级版本主要包括以下3个推荐子规范。

  • DOM3 Core:

    继承与DOM2 Core,并添加了更多的新方法和属性,同时修改了已有的一些方法

  • DOM3 Load and Save:

    提供将XML文档的内容加载到DOM文档中,以及将DOM文档序列化为XML文档的能力

  • DOM3 Validation:

    提供了确保动态生成的文档有效性的能力,即如何符合文档类型声明。

转载地址:http://yssqb.baihongyu.com/

你可能感兴趣的文章
symfony_单文件Symfony应用程序? 是的,有了MicroKernelTrait!
查看>>
phpstorm许可证_PhpStorm 8发布-查看新功能并获取免费许可证
查看>>
azure免费一个月_将Windows Azure提升到一个新的水平
查看>>
app engine 入门_Google App Engine和PHP:入门
查看>>
限流 php接口限流 代码_有效地使用PHP流
查看>>
使用Pspell查找和纠正拼写错误的单词
查看>>
PHP依赖注入容器性能基准
查看>>
livereload_LiveReload
查看>>
如何在Windows上安装Ghost
查看>>
phpstorm -xmx_PhpStorm 8-新功能
查看>>
Chrome 27的新功能
查看>>
浏览器趋势(2013年5月):IE8降至10%以下
查看>>
谁偷了我的CPU?
查看>>
Microsoft将IE10更新推送到Windows 7
查看>>
liferay_云中的Liferay
查看>>
SQL或NoSQL:Google App Engine-第1部分
查看>>
SitePoint Podcast#178:Web设计过程和创造力
查看>>
移动端获取视频第一帧移动端_后端即服务-第1部分
查看>>
畅谈理想未来为主题的铅笔画_与专家畅谈Node.js
查看>>
SitePoint Podcast#173:释放混乱的猴子
查看>>