DOM学习笔记

1.问题

DOM技术是在学习JavaScript中，视频中提到这事两个完全不同的技术，那么为什么经常放在一起学习呢？

2. 了解JavaScript

     Js是一种脚本语言（Script Language）。

     什么叫做脚本语言？脚本语言是一种低级语言。通过和我们熟悉的高级语言做一个对比。

           

3.了解DOM

      DOM的分为三个部分来说，分别是D(document),O（object），M(Model/Map)

3.1 Document（文档）

       扮演的角色：

              DOM技术操作/规范的对象。

      出现的时间：

              当创建了一个网页并把它加载到Web浏览器中时，DOM就会将这个网页创建一个文档对象。

3.2 Object（对象）

        将文档转换为对象来使用。

        DOM技术完成的功能：将文档为document对象。对于使用者来说文档就变成了一个对象，我们只需要调用对象的方法属性即可，不必了解到里面的内部结果！

3.3Model（模型）

             将文档表示成一种形式，在。。。一书中说它代表Map（地图）也是可以的。就像我们将我们的版图做成的地图，这里我们就是将文档做成了地图，地图山的点都是对应的对象，然后我们使用JacaScript这些脚本语言利用对象使用地图。

不过我们平常说的多的还是Model。比如下面就是形象化的一个文档对象模型

       

4. JavaScript和DOM的关系

          Dom是Js需要使用的一种技术，这就是他们总是联系在一起的原因。

         JavaScript脚本需要依赖浏览器去完成操作。这就意味着JS需要Web浏览器进行解释和执行，如果没有浏览器JavaScript是完不成功能的。而DOM提供一个浏览器文档的操作接口（API）通过这个接口来操作浏览器内部的任何东西。所以DOM相对于Js来说是一个不可或缺的API。

        下面用一张图形来表示js和dom之间的关系