javascript dom编程艺术笔记

statment 语句   

assignment 赋值

通常驼峰格式是函数名、方法名和对象属性名命名的首选格式

var myMood = "happy"  单词"happy"是javascript中的一个字面量（literal），也就是可以直接在javascript代码中写出来的数据。文本“happy”除了表示它自己以外不表示任何别的东西，与此对照的是，单词“var”是一个关键字，myMood是一个变量名字。

if 语句   if (condition){

                 statement;    条件必须放在if后面的圆括号中，条件求值的结果只能是一个布尔值，true或false。花括号中的语句，不管有多少条，只有在条件为真时才会执行。

}                                     包含在if 语句中的代码块只能执行一次。如果需要多次执行同一个代码块，就必须使用循环语句。

循环语句分为几种不同的类型，但是它们的工作原理几乎一样：只要给定条件仍能得到满足，包含在循环语句里的代码就将重复地执行下去；一旦给定条件的求值结果不再是true,循环也就到此为止。

while循环  whlie (condition){
                          statement;         只要给定条件求值结果是true，包含在花括号里的代码就将反复地执行下去。

}

do ... while 循环     do {

                                   statements;      对循环控制条件的求值发生在每次循环结束之后。因此，即使循环控制条件的首次求值结果是false，包含在花花括号里的语句也至少执行

} while (condition);一次

for 循环   for (initial condition; test condition; alter conditon){

                   statements;

}                

initialize ;

while (condition){

      statements;

      increment;          等价于for 循环

}

如果在某个函数中使用了var，那个变量就将被视为一个局部变量，它只存在于这个函数的上下文中；反之，如果没有使用var，那个变量就将被视为一个全局变量，如果脚本里已经存在一个与之重名全局的变量，这个函数会改变全局变量的值。

对象（object）是自包含的数据集合，包含在对象里的数据可以通过两种形式访问——属性（prperty）和方法（method）

属性是隶属于某个特定对象的变量，方法是只有特定对象才能调用的函数。

user-defined object 用户自定义对象

native object 内建对象

除了内建对象，还可以在javascript 中使用一些已经预先定义好的对象，这些对象不是由javascript本身而是由它的运行环境提供的。具体到web应用，这个环境就是浏览器。由浏览器提供的预定义对象被称为宿主对象（host object）

DOM  元素节点（element node）就是指一个个的元素。  文本节点就是指元素中间的文本 ， 属性节点指对元素做出更具体描述的，比如几乎每个元素都有一个title属性

有3中DOM方法可以获得元素节点，分别是通过元素ID，通过标签名称和通过类名称。

1.getElementById   document.getElementById(id)  是Doucument 特有的函数，参数是你想获得那个元素的ID属性的值，这个id值必须放在单引号或双引号内,将返回一个对应id值的对象。

2.getElementsByTagName  document.getElementsByTagName(Tag)方法返回一个对象数组，每个对象分别对应着文档里有着给定标签的一个元素。也是只有一个参数的函数，它的参数是标签的名字

3.getElementsByClassName   getElementsByClassName(class),返回具有相同类名的元素的数组，要指定多个类名，只要在字符串参数中用空格分隔类名即可，类名实际顺序不重要，元素带有更多的类名也会被选中。

获取和设置属性

getAttribute     object.getAttribute(attribute) 只有一个参数——你打算查询的属性的名字；不属于document对象，不能通过docunment对象调用，只能通过元素节点对象调用。

setAttribute     object.setAttribute(attribute,value) 允许对属性节点的值做出修改，也只能用于元素节点。setAttribute 对文档做出修改后，通view source(查看源代码)选项去查看文档的源代码看到的仍然是原来的属性值。就是setAttribute 做出的修改不会反应在文档本身的源代码。DOM的工作模式：先加载在文档的静态内容，再动态刷新，动态刷新不影响文档的静态内容，对页面内容进行刷新却不需要在浏览器里刷新页面。

事件处理函数（event hanlder）作用是在特定时间发生时，调用特定的JavaScript代码

DOM   childNodes属性  在一棵节点树上，childNodes属性可以用来获取任何一个元素的所有子元素，它是一个包含这个元素全部子元素的数组：element.childNodes  childNodes 属性返回的数组包含所有类型的节点，而不仅仅是元素节点。事实上，文档中所有的内容都是一个节点，甚至连空格和换行符都是一个节点。

 nodeType 属性  node.nodeType   这个属性让我们知道自己和哪一种节点打交道，但是它的值并不是英文。元素节点的nodeType值是1，属性节点的是2，文本节点是3.

nodeValue 属性   用来得到（和设置）一个节点的值  node.nodeValue  

想要访问childNodes数组的第一个元素，都可以把它写成firstChild