Dom编程艺术学习笔记1

之前草草看了一次《Dom编程艺术》没做笔记，没记住多少，代码也没跟着做。这次重新打基础！Step by Step！基本是这篇可以说是纯粹的个人笔记啦，所以应该对大家没什么太大的用处吧。如果你们非要看，我当然是资词滴！

原本都习惯纸和笔，但是久而久之记得东西多了，不方便再次查看，也不方便携带，所以同步到网络上才是最好的。在网络允许的情况下，加上搜索和目录索引基本就足够让我便利的查看和复用啦！做笔记的同时也会让自己的思维慢下来，让自己对知识点有更清晰的认识，也能有更深入的理解。好处多多！

说了这么多废话就是希望每个新人在学习初期如果有需要，请尽可能的做一些笔记！

编程习惯：

1 每条语句末尾加上一个分号——让代码易读，每条语句独占一行能更容易跟踪JS脚本的执行顺序。

2 用//来注释单行，/*  */注释多行。

3 variable变量，使用var 提前声明变量。

4 变量命名规范，区分大小写，不允许包涵空格或标点符号（不包括$），允许包含字母，数字，$和下划线，首字母不能是数字，使用下划线来分隔各个单词。

5 一般，驼峰格式是函数名、方法名和对象属性名的首选格式。

6 保持风格一致，缩进、引号、空格、括号换行等。

7 时刻牢记，从0开始。

8 函数先定义再调用。

知识点：

JavaScript语法

创建对象、数组的方法。

操作符：

算术：

＋     －     ＊     ／     ％     
＋＋     －－     ＋＝     －=

 注意>>> ＋还能拼接字符串

比较：

>   <   >=  <=  ==  !=  !===    ===

逻辑：

&&  ||  ！

条件语句：

1
2
3

if (condition) {    
    statements;
}

循环语句：

while (condition) {
     statements;
}


do {
     statements;
} while (condition);


initialize;
while (condition) {
     statements;
     increment;
}


for (initial condition; test condition; alter condition) {
     statements;
}

传递给函数的数据称为参数（argument）。

1
2
3

function name (arguments) {
     statements;
}

函数不仅能够（以参数的形式）接收数据，同时也能返回数据。可以返回一个值、字符串、数组、布尔值等。

function multiply(num1,num2) {
     var total = num1*num2;
     return total;
}

function convertToCelsius(temp) {
     var  result = temp -32;
     result = result / 1.8;
     return result;
}

可以把函数座位一种数据类型使用，即可把一个函数的调用结果赋给一个变量。

1
2
3

var temp_fahrenheit = 95;
var temp_celsius = convertToCelsius(temp_fahrenheit);
alert(temp_celsius);

如果在某个函数中使用了var，那个变量就将被视为一个局部变量，它只存在于这个函数的上下文中；反之，如果没有使用var，那个变量就将被视为一个全局变量，如果脚本里已经存在了一个同名的全局变量，这个函数就会改变那个全局变量的值。
在定义一个函数的时，一定要把内部的变量全都明确的声明为局部变量。如果总是在函数里使用var关键字来定义变量，就能避免任何形式的二义性隐患。
包含在对象里的数据可以再通过两种形式访问——属性（property）和方法（method）：属性是隶属于某个特定对象的变量；方法是只有某个特定对象才能调用的函数。

DOM

一份文档就是一棵节点树。
节点分为不同的类型：元素节点、属性节点和文本节点等。
getElementById将返回一个对象，该对象对应着文档里的一个特定的元素节点。
getElementsByTagName和getElementsByClassName将返回一个对象数组，它们分别对应着文档里的一组特定的元素节点。
每一个节点都是一个对象。
获取和设置属性：getAttribute,setAttribute

1
2
3

object.getAttribute(attribute);

object.setAttribute(attribute,value);