一、 甚么是DOM？
1、DOM，文件格式第一类数学模型（Document Object Model）。
2、DOM是 W3C（因特网国联）的国际标准，DOM表述了出访HTML和XML文件格式的国际标准。
W3C DOM由下列三部份共同组成：核心理念DOM – 特别针对任何人内部形式化文件格式的国际标准数学模型XML DOM – 特别针对 XML 文件格式的国际标准数学模型HTML DOM – 特别针对 HTML 文件格式的国际标准数学模型单纯的说，DOM是一类经营理念，一类价值观，两个与系统网络平台和C词汇毫无关系的USB，一类方式使 Web开发者能出访HTML原素！读懂，它是一类经营理念，并非利皮扬卡。
二、DOM促进作用
在W3C的国际标准中，DOM是独于网络平台和词汇的USB，它容许流程和JAVA静态地出访和预览文件格式的文本、内部结构和式样。
三、 DOM树的内部结构
DOM数学模型将整座文件格式（XML文件格式和HTML文件格式）看作两个树型内部结构，
在DOM中，HTML文件格式的层次内部结构被则表示为两个树型内部结构。他用document第一类则表示该文件格式，树的每一子结点则表示HTML文件格式中的相同文本。
每一写入应用流程的 HTML 文件格式单厢正式成为 Document 第一类,Document是积极探索DOM的出口处,借助函数调用document能出访Document第一类
四、DOM的产业发展－DOM0、DOM1、DOM2、DOM3的差别
DOM0
JavaScript在晚期版中提供更多了查阅和操作方式Web文件格式的文本API（如：影像和配置文件），在JavaScript中表述了定义了images、forms等，因而他们能像下这种出访第三张相片或名叫“user”的配置文件：这实际上是未形成国际标准的试验性质的初级阶段的DOM，现在习惯上被称为DOM0，即：第0级DOM。由于DOM0在W3C进行国际标准备化之前出现，还处于未形成国际标准的初期阶段，这时Netscape和Microsoft各自推出自己的第四代应用流程，自此DOM遍开始出各种问题。
DOM0与DHTML
Netscape Navigator 4和IE4分别发布于1997年的6月和10月，这两种应用流程都大幅扩展了DOM，使JavaScript的功能大大增加，而此时也开始出现两个新名词：DHTML。
DHTML是Dynamic HTML（静态HTML）的简称。DHTML并并非一项新技术，而是将HTML、CSS、JavaScript技术组合的一类描述。即：借助HTML把网页标记为各种原素借助CSS设置原素式样及其显示位置借助JavaScript操控页面原素和式样借助DHTML，看起来能很容易的控制页面原素，并实现一此原本很复杂的效果（如：通过改变原素位置实现动画）。但事实并非如此，因为没有规范和国际标准，两种应用流程对相同功能的实现确完全不一样。为了保持流程的兼容性，流程员必须写一些探查代码以检测JavaScript是运行于哪种应用流程之下，并提供更多与之对应的JAVA。JavaScript陷入了前所未有的混乱，DHTML也因而在人们心中留下了很差的印象。
DOM1的出现
在应用流程厂商进行应用流程大站的同时，W3C结合大家的优点推出了两个国际标准化的DOM，并于1998年10月完成了第一级 DOM，即：DOM1。W3C将DOM表述为两个与网络平台和C词汇毫无关系的USB，通过这个USB流程和JAVA能静态的出访和修改文件格式的文本、内部结构和式样。
DOM1级主要表述了HTML和XML文件格式的底层内部结构。在DOM1中，DOM由两个模块共同组成：DOM Core（DOM核心理念）和DOM HTML。其中，DOM Core规定了基于XML的文件格式内部结构国际标准，通过这个国际标准简化了对文件格式中任意部份的出访和操作方式。DOM HTML则在DOM核心理念的基础上加以扩展，添加了特别针对HTML的第一类和方式，如：JavaScript中的Document第一类
DOM2与DOM3
在DOM1的基础上DOM2和DOM3引入了更多的交互能力，也支持了更高级的XML特性。DOM2和DOM3将DOM分为更多具有联系的模块。DOM2级在原来DOM的基础上又扩充了鼠标、用户界面事件、范围、遍历等细分模块，而且通过第一类USB增加了对CSS的支持。DOM1级中的DOM核心理念模块也经过扩展开始支持XML命名空间。在DOM2中引入了下列模块，在模块包含了众多新类型和新USB：DOM视图（DOM Views）：表述了跟踪相同文件格式视图的USBDOM事件（DOM Events）：表述了事件和事件处理的USBDOM式样（DOM Style）：表述了基于CSS为原素应用式样的USBDOM遍历和范围（DOM Traversal and Range）：表述了遍历和操作方式文件格式树的USBDOM3进一步扩展了DOM，在DOM3中引入了下列模块：
DOM加载和保存模块（DOM Load and Save）：引入了以统一方式加载和保存文件格式的方式DOM验证模块（DOM Validation）：表述了验证文件格式的方式DOM核心理念的扩展（DOM Style）：支持XML 1.0规范，涉及XML Infoset、XPath和XML Base
五、 甚么是BOM？
BOM 是 Browser Object Model，应用流程第一类数学模型。
DOM 是为了操作方式文件格式出现的USB，那 BOM 顾名思义其实就是为了控制应用流程的行为而出现的USB。
六、 BOM的促进作用
应用流程能做甚么呢？比如
所以 BOM 就是为了解决这些事情出现的USB。
七、 BOM与DOM的内部结构层次图
Window第一类包含属性：document、location、navigator、screen、history、frames
Document根结点包含子结点：forms、location、anchors、images、links
从window.document已然能看出，DOM的最根本的第一类是BOM的window第一类的子第一类。
差别：DOM描述了处理网页文本的方式和USB，BOM描述了与应用流程进行交互的方式和USB
八、BOM第一类是甚么BOM：应用流程第一类数学模型(Brower Object Model)，是用于操作方式应用流程而出现的API，BOM第一类则是Javascript对BOMUSB的实现。BOM提供更多了独立于文本的、能与应用流程窗口进行交互的第一类内部结构。通过BOM第一类能出访应用流程功能部件和属性。BOM第一类由多个第一类构成，其中代表应用流程窗口的window第一类是Javascript顶层第一类，其他BOM第一类均为window第一类的子第一类。被作为window第一类的属性来引用。其他BOM第一类都是在window第一类中进行操作方式。BOM第一类 是 各个应用流程厂商根据 DOM在各自应用流程上的实现;[表现为相同应用流程表述有差别,实现方式相同]BOM第一类最根本的是window。
九、DOM第一类是甚么DOM：文件格式第一类数学模型（Document Object Model），是W3C表述的一套用于处理HTML和XML文件格式文本的国际标准编程USBAPI。javascript实现DOM接口的第一类对应的是document第一类，JS通过该第一类来对HTML/XML文件格式进行增删改查。DOM表述了HTML和XML的逻辑内部结构，将整座页面划分成由层次结点构成的文件格式，以树的形式来展现。在BOM和DOM内部结构层次图中，document第一类属于window第一类，所以DOM也能看作是BOM的一部份。DOM第一类最根本的是document（实际上是window.document）。
十、DOM与javascript的关系HTML DOM 独立于网络平台和C词汇。它可被任何人C词汇诸如 Java、JavaScript 和 VBScript 使用。
DOM第一类（document），即是他们用javascript实现DOMUSB获得的第一类。DOM属于应用流程，而并非JavaScript词汇规范里的规定的核心理念文本。
dom是有W3C（因特网国联）表述的一类规范，这种规范被很多应用流程厂商支持，但是要注意的是他并并非JavaScript词汇，虽然他能在JavaScript中能被直接使用（主要是将其封装成了JavaScript支持的形式才导致的）。
因而有这种两个近似的等式：
web或XML页面 = DOM +JS(脚本词汇)
十一、BOM和DOM 的关系
document是DOM的核心理念第一类，window则是BOM的核心理念第一类，而又有：
console.log(window.document === document); //true
因为document是DOM的根结点，而以上代码又表明：document在window第一类中是作为其两个属性而存在的，因而从这个角度来说，BOM包含了DOM。
应用流程提供更多出来给予出访的是BOM第一类，从BOM第一类再出访到DOM第一类，从而js能操作方式应用流程以及应用流程读取到的文件格式。
与此类似，你还能验证如下代码：
console.log(window.location === location); //true
console.log(window.navigator === navigator); //true
console.log(window.screen === screen); //true
console.log(window.history === history); //true
console.log(window.window === window); //true
location navigator screen history和window一样，都是BOM提供更多的第一类，只不过它们和document第一类一样，都同时以属性的形式存在于window中。
十二、BOM和DOM 的差别
DOM 是为了操作方式文件格式出现的 API，DOM第一类最根本的是document（实际上是window.document）。
BOM 是为了操作方式应用流程出现的 API，BOM第一类最根本的是window。
BOM是应用流程第一类数学模型，DOM是文件格式第一类数学模型，前者是对应用流程本身进行操作方式，而后者是对应用流程（可看作容器）内的文本进行操作方式
归DOM管的：
E区（就是你说的document啦。由web开发者呕心沥血写出来的两个文件夹，里面有index.html，CSS和JS甚么鬼的，部署在服务器上，他们能通过应用流程的地址栏输入URL然后回车将这个document加载到本地，浏览，右键查看源代码等。
归BOM管的：
A区（应用流程的标签页，地址栏，搜索栏，书签栏，窗口放大还原关闭按钮，菜单栏等等）
B区（应用流程的右键菜单）
C区（document加载时的状态栏，显示http状态码等）
D区（滚动条scroll bar）
十三、BOM第一类大小写的差别
从上面图例中，能很清楚的看到Window和Document其实是USB，而window、document和location这种才是真正的第一类，这些BOM第一类就是实现这些BOMUSB的实例，而且是单例模式。所以他们不能自己随意创建BOM第一类。
十四、BOM和DOM第一类的详细介绍
1、window第一类 ——BOM核心理念
是BOM第一类的核心理念，JS的顶层第一类，应用流程窗口只要打开两个HTML文件格式，应用流程就会为他们创建两个window第一类。它则表示整座应用流程窗口，主要用来操作方式应用流程窗口。window第一类是JS中的全局第一类，能在任何人地方调用， 他们在页面上写的原素，js函数，函数调用都属于window第一类，都能 用window第一类来调用. 函数调用是 window 第一类的属性。全局函数是 window 第一类的方式。在使用window第一类的属性和方式时，能用window.属性、window.方式()或者直接属性、方式()的方式调用。就是能省略window这个前缀。简写案例：window.alert() ，能直接用alert()，它俩是两个意思. window.document.write(),能简写成document.write()2.document第一类——DOM核心理念
document第一类是window的两个属性（BOM包含了DOM）window.document第一类在编写时可以不使用 window 这个前缀.能用来处理页面文件格式，方式很多 Document 第一类使他们能从JAVA中对 HTML 页面中的所有原素进行出访。示例 ：document.getElementById()；3.frame第一类
frames第一类是应用流程窗口中的框架第一类数组 。除了status,defaultStatus,name属性外,它拥有window第一类的全部属性.属性 frames.length存放数组 frames[] 中含有的原素个数。4.screen第一类
Screen第一类是window第一类的属性，window.Screen第一类在编写时可不使用 window 这个前缀，Screen 第一类包availHeight: 整座屏幕的高减去控制系统部件的高（ 可用的屏幕宽度 ）
availWidth : 整座屏幕的宽减去控制系统部件的宽（可用的屏幕高度 ）
5.history第一类
history第一类是window第一类的属性,window.history第一类在编写时可不使用 window 这个前缀。History 第一类包含用户（在应用流程窗口中）出访过的 URL 主要实现前进后退等功能back() 返回上一页。
forward() 返回下一页。
go(“参数”) -1则表示上一页，1则表示下一页。
6.navigator第一类
navigator第一类是window第一类的属性,window.navigator 第一类在编写时可不使用 window 这个前缀。包含了一系列应用流程信息的属性 userAgent是最常用的属性，用来完成应用流程判断。7.location第一类
location第一类是window第一类的属性，window.location 第一类在编写时可不使用 window 这个前缀，用来分析和设置页面的URL地址Location 第一类存储在 Window 第一类的 Location 属性中，则表示那个窗口中当前显示的文件格式的 Web 地址。它的 href 属性存放的是文件格式的完整 URL，其他属性则分别描述了 URL 的各个部份。常用于对URL进行出访。一些例子：
location.herf = url地址
location.hostname 返回 web 主机的域名
location.pathname 返回当前页面的路径和文件名
location.port 返回 web 主机的端口 （80 或 443）
location.portocol 返回页面使用的web协议。 http:或https:
DOM基本操作方式思维导图
window第一类思维导图
