【JavaScript】DOM基础总结

    DOM(Document Object Model)即文档对象模型，针对HTML和XML文档的API(应用程序接口)。DOM描述了一个层次化的节点树，运行开发人员添加、移除和修改页面的某一部分。

    DOM脱胎于Netscape及微软公司创始的DHTML(动态HTML),1990年代后期微软与Netscape的“浏览器大战”，双方为了在JavaScript与JScript一决生死，于是大规模的赋予浏览器强大的功能。

    微软在网页技术上加入了不少专属事物，既有VBScript、ActiveX、以及微软自家的DHTML格式等，使不少网页使用非微软平台及浏览器无法正常显示。DOM即是当时蕴酿出来的杰作,现在它已经成为表现和操作页面标记的真正跨平台、语言中立的方式。

    学习完DOM之后觉得它是一个很有意思的一个东西，对于DOM来一张图来简单的介绍：



   

    这一部分最有意思的是节点树，从节点树中可以很清楚的了解到DOM主要是对HTML的内部内容和结构的一系列操作，可以知道html中内部层次状况。



    我认为DOM操作都是针对节点的操作，DOM通过节点找到要修改的内容，所以节点的知识是整个DOM的基础，此外DOM还提供了一些扩展功能。表格及 样式、元素尺寸和位置这两块东西都是针对界面方面的操作，而他们都是以前面的知识作为基础的。

BOM和DOM

  （1）DOM就是把文档当做一个对象来看待。 BOM即把浏览器当做一个对象来看待。

  （2）在 DOM 中，一个 DOM 会有一个根对象，这个对象通常就是 document。 BOM 除了可以访问文档中的组件之外，还可以访问浏览器的组件，比如问题描述中的 navigator（导航条）、history（历史记录）等等。

   它们之间的关系可以用下面的这张图来表示：

小结：

     ECMAScript,BOM和DOM是JavaScript的核心部分，三者相互协作，为网页添加一些动态功能，为用户提供更加舒畅的浏览效果。