DOMY与BOM简要介绍
DOM简要介绍
- DOM是针对XML但经过扩展用于HTML的应用程序编程接口(API)
- DOM把整个页面映射为一个多层节点结构。
- XML或者HTML页面中的每个组成部分都是某种类型的节点。
- 这些节点又包含着不同类型的数据。
<html>
<head>
<title>Sample Page</title>
</head>
<body>
<p>Hello World!</p>
</body>
</html>
代码的分层节点图:
通过DOM创建的这个文档的树形图,开发人员获得了控制页面内容和结构的主动权。借助DOM提供的API,开发人员可以轻松自如地删除、添加、替换和修改任何节点。
1、DOM出现的原因
负责制定web通信标准的W3C规划DOM,以保持web跨平台的天性,以及控制Netscape和微软,避免造成两强割据,浏览器互不兼容。
2、DOM级别
- DOM1级:目标为映射文档结构
- DOM核心:规定如何映射基于XML的文档结构,以便简化对文档中任意部分的访问和操作。
- DOM HTML:在DOM核心的基础上加以扩展,添加了针对HTML的对象和方法。
- DOM2级:原来DOM的基础+鼠标和用户界面事件、范围、遍历(迭代DOM文档的方法)等细分模块,通过对象接口增加了对CSS的支持。DOM1级中的DOM核心模块也经过扩展开始支持XML命名空间。
- DOM视图:定义了跟踪不同文档(例如,应用CSS前后的文档)视图的接口。
- DOM事件:定义了事件和事件处理的接口。
- DOM样式:定义了基于CSS为元素应用样式的接口。
- DOM遍历和范围:定义了遍历和操作文档树的接口。
- DOM3级:进一步扩展了DOM,引入了以统一方式加载和保存文档的方法——在DOM加载和保存模块中定义;新增了验证文档的方法——在DOM验证模块中定义。DOM3级也对DOM核心进行了扩展,开始支持XML1.0规范,设计XML Infoset、XPath 和 XML Base。
3、其他DOM标准:
除了DOM核心和DOM HTML接口之外,另外几种语言还发布了只针对自己的DOM标准。
下面几种语言都是基于XML的,每种语言的DOM标准都添加了与特定语言相关的新方法和新接口: - SVG1.0
- MathML1.0
SMIL
BOM简要介绍
BOM为浏览器对象模型
开发人员使用BOM可以控制浏览器显示的页面以外的部分。HTML5中把很多BOM功能写入正式规范。
从根本上说,BOM只处理浏览器窗口和框架,但所有针对浏览器的JavaScript扩展也算作BOM的一部分,部分扩展如下:弹出新浏览器窗口的功能;
- 移动、缩放和关闭浏览器窗口的功能;
- 提供浏览器详细信息的navigator对象;
- 提供浏览器所加载页面的详细信息的location对象;
- 提供用户显示器分辨率详细信息的screen对象;
- 对cookies的支持;
像XMLHttpRequest和IE的ActiveXObject这样的自定义对象。
现在有了HTML5,BOM实现的细节有望朝着兼容性越来越高的方向发展。
小结:
JavaScript是一种专为网页交互而设计的脚本语言,由下列三个不同的部分组成:
- ECMAScript,由ECMA-262定义,提供核心语言功能;
- DOM,提供访问和操作网页内容的方法和接口;
- BOM,提供与浏览器交互的方法和接口。