HTML DOM、JavaScript

1.区别：

Javascript

Javascript是浏览器的脚步语言。

用来对网页操作改进，验证表单，检查浏览器，等应用

HTML DOM

是文档对象模型，通过DOM，可以访问所有的HTML元素，包含文本和属性。

2.联系：

通过 JavaScript，可以重构整个 HTML 文档。进行添加、移除、改变或重排页面上的项目。

要改变页面的某个东西，JavaScript 就需要获得对 HTML 文档中所有元素进行访问的入口。这个入口，包含对 HTML 元素进行添加、移动、改变或移除的方法和属性，都是通过文档对象模型来获得的（DOM）。
Javascript 主要是利用HTML DOM去获得、改变、创建HTML元素，从而达到美化页面、操作页面元素的目标。因此，在Javascript中最常见的就是各种各样的HTML DOM元素以及它们各自的属性。除了这些DOM元素外，Javascript有自己的对象，例如数组。

简单说，可以认为Javascript主要是操纵HTML DOM。两者是不一样的。 
Javascript 是语言，DOM是可以在各种语言中（不仅js，php也有的）动态修改文档的模型。

我们用JavaScript对网页进行的所有操作都是通过DOM进行的。DOM属于浏览器，而不是JavaScript语言规范里的规定的核心内容，所以如果你下载一个JavaScript语言的参考帮助文档来查的话，就连妇孺皆知的document.write方法也找不到，就是这个道理。

3.下面单独拉出JavaScript与DOM的关系给大家详解

JavaScript与浏览器的工作

1.浏览器获取并加载你的页面，从上至下解析它的内容。

　遇到JavaScript时，浏览器会解析代码，检查它的正确性，然后执行代码。

　浏览器还会建立一个HTML页面的内部模型（DOM）。

2.JavaScript继续执行，使用DOM检查页面、完成修改、从页面接受事件，或者要求浏览器从Web服务器获取其它数据。

JavaScript如何与页面交互？

JavaScript是代码，HTML是标记，完全不同的东西

怎么让它们交互呢？

答案是使用文档对象模型（Docunment Object Model，简称DOM）。

DOM的妙处在于：它能够在所有浏览器上提供一种一致的方式，通过代码访问HTML的结构和内容。

　　1、在浏览器加载一个页面时，浏览器会解析HTML，并创建文档的一个内部模型，其中包含HTML标记的所有元素。

　　2、JavaScript可以与DOM交互（JavaScript使用DOM创建或删除元素等等）

　　　　document是一个反映HTML的对象，通过调用document的方法改变DOM的状态，也就是改变HTML页面

　　3、JavaScript修改了DOM时，浏览器会随着动态更新页面。