JavaScript DOM编程艺术学习笔记（一）

JavaScript

1、
JavaScript语法中不允许变量名包含空格或是标点符号（美元符号“$”例外），第一个字母不允许是数字。
推荐驼峰格式：getElementById...
2、使用反斜号对字符进行转义。
3、变量
全局变量：global variable。可以在脚本中的任意位置被引用。
局部变量：只存在于声明的那个函数内部，在那个函数外无法引用。作用域仅限于特定的某个函数。
在摸个函数中使用var定义变量可将变量转化为局部变量。
4、为给定变量创建一个新实例使用关键字new。
var Jeremy = new Person
5、三种对象

• 用户自定义对象（use-defined object）:由程序员自行创建的对象。
• 内建队象（native object）：内建在JavaScript预言中的对象，如Array、Math、Date等。
• 宿主对象(host object)：由浏览器提供的对象。Window对象

**6、**BOM：浏览器对象模型 DOM:文档对象模型

7、节点

• 元素节点：HTML中的标签
• 文本节点：标签中的内容。
• 属性节点：元素的属性。

8、获取元素:getElementById
例子：

document.getElementById("purchases")
typeof document.getElementById("purchases") :返回一个对象。

事实上，文档中每一个元素都是一个对象。
getElementsByTagName：返回一个对象数组。这个方法只有一个参数，是标签的名字。

element.getElementsByTagName("li")
调用返回一个对象数组。允许把一个通配符传入当做参数"*",返回的数组包含文档中的每一个元素。

getElementsByClassName
只接受一个参数，返回一个数组，其中包含该类民的所有元素。

alert(document.getElementsByClassName("important sale").length);
返回类名中同时含有important和sale，顺序不重要。

9、获取和设置属性
getAttribute

object.getAttribute(attribute),只有一个参数，不属于document对象，只能通过元素节点调用。
var a = document.getElementsByTagName("p");
for (var i=0;i<a.length;i++) {
    var title_text = a[i].getAttribute("title");
        if (title_text !=null) {    //或者if（title_text）
            alert(title_text);
        };
}

setAttribute

允许修改属性节点的值。
object.setAttribute(attribute,value)
var a = document.getElementById("ddd");
alert(ddd.getAttribute("title")); //null
ddd.setAttribute("title","a list of good");
alert(ddd.getAttribute("title")); //a list of good
先创建这个属性，然后设置它的值。该改变不会在源代码中看到，也就是说，源代码不会发生改变。

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