JS DOM---Chapter 1-4

1.JavaScript是一种解释型语言，Web浏览器负责解释&执行；

2.JavaScript是弱类型语言,不需要进行类型声明；

   JS变量（var）可以直接赋值而无需事先声明；

   a.数组的声明var cc = Array();

   b. 对象的声明var cc = Obiect();

        创建对象 var cc1 = {name="cc", age=22}; //属性键值对

3.DOM

一份文档Document就是一颗节点树，节点分为不同的类型，如元素节点、属性节点以及文本节点；

1）文档中的每一个节点node都是一个对象object

2）getElementById将返回一个对象，对应着文档中的特定元素节点

3）getElementByTagName和getElementByClassName将返回一个对象数组，对应着文档里的一组特定的元素节点

DOM的工作模式：先加载文档的静态内容，再动态刷新，动态刷新不影响文档的静态内容。对页面内容进行刷新却不需要在浏览器里刷新页面。

4. JS图片库 Demo

在学习Demo的过程中，遇到一个小问题：

<a href="images/flower.png" title="Flower display" onclick="showPic(this);">Flower</a>

触发图片链接时，不仅showPic函数被调用，链接点击的默认行为也会被调用。这样的话，用户还是会被带到新窗口，我们希望阻止这一行为。

在这里，我们需要了解事件处理函数的工作机制：在给某个元素添加了事件处理函数后，一旦事件发生，相应的JavaScript代码就会被执行，被调用的JavaScript代码可以返回一个值，这个值将被传递给那个事件处理函数。

<a href="images/flower.png" title="Flower display" onclick="showPic(this); return false;">Flower</a>

 我们加上一个return false；这样onclick事件处理函数所触发的JS代码返回false，onclick事件处理函数就会认为这个链接没有被点击，这个链接的默认行为就没有被触发，用户就不会被带到目标链接窗口。