JavaScript和HTML DOM的区别与联系

JavaScript是一种脚本语言，可以写由浏览器中嵌入的JavaScript引擎解释执行的脚本HTML是超文本标记语言，可以用来写网页DOM是一种模型，叫文档对象模型，它对浏览器要实现的对象进行了标准化。JavaScript是其它两者的桥梁，用它可以访问HTML文档中的元素(即标记)和DOM模型中定义的对象。

先给你看下面两段代码：

<div id="div1">test!</div>

<script>

   console.log(document.getElementById("div1"))  //这个能够获得值

</script> <script>

   console.log(document.getElementById("div1"))  //这个不能获得值！

</script>

<div id="div1">test!</div>

看出原因没有？当js代码是先于html运行时，是获取不到DOM元素的！因为这时候该DOM元素尚未加载到内存，相当于不存在！

要想实现js代码放到任何位置都能获得DOM元素，就要保证代码在页面完全加载完毕后才开始运行，比如：

<script>

   window.onload=function(){  //网页完全加载完毕才会触发这个事件

      console.log(document.getElementById("div1")) //这时候就能获得了

   }

</script>

<div id="div1">test!</div>

符合WEB标准的网页是将结构、表现、行为分离的。其中HTML（或XHTML）用来编写网页的基本结构；CSS用来控制网页表现，就好比给一个网页穿上一件漂亮的外衣；javascript则是属于行为了，它用来改善用户体验，丰富网页的效果。

javascript的核心是ECMAScript，同时我们可以认为javacript包含DOM（文档对象模型：访问和 *** 控HTML节点）、BOM（浏览器对象模型：访问和 *** 控浏览器窗口），通过这三者我们可以做出好的网页。

面向对象编程语言中一个最重要的概念叫“类”，将“类”实例化之后我们就称之为“对象”。

我的理解是：类，是将事物相同的东西抽取出来，归纳而成；而对象又逆过来将类具体化，实例化。

这可能很抽象，我举个例子吧！比如说：猫、狗、猪……，像这些我们抽取它们相同的属性：会叫、会吃……然后把这些属性封装起来，再把这个封装起来的东西叫做，动物（这就是一个类），把这动物实例化后，是比如说猫，它就是对象了。

javascript也是一门面向对象语言

想深入了解需要看相关的书

---