文档对象模型（DOM）浏览器对象模型（BOM）学习目标：学习内容：学习Tips：

56 阅读 0 评论 37 点赞

我是靠谱客的博主积极蜡烛，最近开发中收集的这篇文章主要介绍文档对象模型（DOM）浏览器对象模型（BOM）学习目标：学习内容：学习Tips：，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

学习目标：

JavaScript 高级程序设计(第3版)中第一章内容
1.2.2 文档对象模型（DOM）
1.2.3 浏览器对象模型（BOM）

学习内容：

1.2.2 文档对象模型（DOM）
文档对象模型（DOM，Document Object Model）是针对 XML 但经过扩展用于 HTML 的应用程序编
程接口（API）DOM 把整个页面映射为一个多层节点结构。HTML或 XML 页面中的每个组成部分都是某种类型的节点

开发人员首次无需重新加载网页，就可以修改其外观和内容了，但不能只编写一个 HTML 页面就能跨平台了。责制定 Web 通信标准的 W3C，开始规划DOM

DOM级别
1、DOM1 级：DOM Core和 DOM HTML
DOM Core：映射基于 XML 的文档结构-对文档操作
DOM HTML：扩展添加针对 HTML 的对象和方法
2、DOM2级：扩充了鼠标和用户界面事件、范围、遍历（迭代 DOM
文档的方法）等细分模块，而且通过对象接口增加了对 CSS的支持
DOM2 级引入了下列新模块，也给出了众多新类型和新接口的定义。
DOM 视图（DOM Views）：定义了跟踪不同文档（例如，应用 CSS 之前和之后的文档）视图的接口；
DOM 事件（DOM Events）：定义了事件和事件处理的接口；
DOM 样式（DOM Style）：定义了基于 CSS 为元素应用样式的接口；
DOM 遍历和范围（DOM Traversal and Range）：定义了遍历和操作文档树的接口
3、DOM3级：进一步扩展了 DOM，引入了以统一方式加载和保存文档的方法——在 DOM 加载和保存（DOM Load and Save）模块中定义；新增了验证文档的方法——在 DOM 验证中定义

ps：还有其他DOM标准，如SVG、MathML、SMIL

1.2.3 浏览器对象模型（BOM）
从根本上讲，BOM 只处理浏览器窗口和框架；但人们习惯上也把所有针对浏览器的 JavaScript 扩展
算作 BOM 的一部分。下面就是一些这样的扩展：
弹出新浏览器窗口的功能；
移动、缩放和关闭浏览器窗口的功能；
提供浏览器详细信息的 navigator 对象；
提供浏览器所加载页面的详细信息的 location 对象；
提供用户显示器分辨率详细信息的 screen 对象；
对 cookies 的支持；
像 XMLHttpRequest 和 IE 的 ActiveXObject 这样的自定义对象。