·编程艺术笔记01

1.html,css,javascript之间的联系

html负责把网页标记成各种元素
css用于设置页面布局和样式控制
JavaScript用于实时的控制页面和改变样式



2.为了解耦和方便分工，一般独立写JavaScript文件，然后引入到HTML文件中，并且在body区域的最后面引入，这样能够更快的加载页面。


3.JavaScript中变量不需要指定变量类型，使用关键字var定义即可。
  数组中可以存放数据类型不同的数据,关联数据类似于映射，数组的索引可以不是数字以增强代码的可读性
  
4.对象：对象是成员变量和方法的集合，很方便进行调用方法解决问题，类似于结构体。
对象的分类：自定义对象，内建对象，宿主对象。

宿主对象：由JavaScript脚本内置，把网页中的各种元素封装成的对象，可以通过document对象获取宿主对象。

5.DOM
5.1 D:doucument文档：即HTML页面是一个文档（超文本）
5.2 O:object对象：即HTML页面中的各个元素可以封装成对象
5.3M:model(模型)：映射，即HTML页面是一个具有逻辑关系的模型——结点树
DOM的结点树：HTML文档是一种标签语言，外层的标签可以视作父标签，内层的标签可以视作孩子标签，同层的可以视为兄弟标签，封装成对象后即构成了所谓的结点树。

6.结点：构成DOM的基本要素
可分为元素结点，文本节点，属性结点。
元素结点：由标签封装成的结点
文本节点：由标签包裹的文字封装的对象
属性结点：由标签内的属性封装成的对象

7.获取元素结点
主要通过调用document对象的方法来获取元素结点
三种方式：
getElementById();
getElementByTagName();
getElementByClassName();
第一个返回的是一个对象，后两个返回的是对象数组。


8.获取对象结点的目的是为了获取和设置元素对象的属性
获取属性的方法：getAttribute(属性)
设置属性的方法：setAttribute(属性，属性值);