Javascript+DOM编程艺术笔记

Javascript+DOM编程艺术

　　第一章：介绍了js的起源，由Netscape与sun共同开发；以及提及DOM 的概念，是一套对文档的内容进行抽象和概念化的方法。

　　　　　　　介绍了浏览器之争，IE4发布于1997年10月，由于浏览器之间的冲突，之后诞生了W3C，1998年10月；W3C对DOM 的定义：一个与系统平台和编程语言无关的接口，程序和脚本可以通过这个接口动态的对文档的内容、结构和样式进行访问和修改。

　　　　　　　介绍了各种浏览器对W3C的支持。

　　　第二章：介绍了js的语法，语句，注释，变量，数据类型，数组，操作，条件语句，比较操作符，逻辑操作符，循环语句，函数，对象

　　　　　　　　1.js的语法，类似英语有自己的语法，js也拥有自己的语法与Java十分的类似；

　　　　　　　　2.js的语句，每条语句占一行，“；”结尾；

　　　　　　　　3.js的注释，一共分为3中， “//”, ‘‘/*  */ ", "<!-- -->". 推荐使用前两者注释。

　　　　　　　　4.js的变量，变量声明，允许使用数字，字母，美元符号和下划线，是一种弱类型的语言。

　　　　　　　　5.js的数据类型，主要有字符串（\进行转义），数值（不区分±，以及float），boolean。

　　　　　　　　6.js的数组；关联数组，下标自定义。

　　　　　　　　7.js的操作，算数运算符 +，-，*，/

　　　　　　　　8.js的条件语句，  if(condition){something}

　　　　　　　　9.js的比较操作符，>,<,==，<=,>=,!=

　　　　　　　　10.js的逻辑操作符，&&，||，！

　　　　　　　　11.js的循环语句，for(var i = 0; i < 10; i++){something;},while(condition){something;},do{something}while(condition);

　　　　　　　　12.js的函数，function，涉及到全局变量以及局部变量；

　　　　　　　　13.js的对象，对象时属性和方法。内建对象，new date，math，new Array()；宿主对象，form等。

　　　　第三章：介绍了DOM，节点，getElementById,getElementbyTagName，getAttribute，setAttribute

　　　　　　　　1.Dom（document object model）文档对象语言

　　　　　　　　2.节点，节点树，元素节点，文本节点，属性节点

　　　　　　　　3.css层叠样式，selector{proterty：value}，重要的技术是继承

　　　　　　　　4.class属性，   .special{ font-style:italic}  ; id属性， #special{font-style:italic}

　　　　　　　　5.getElementById,getElementbyTagName

　　　　　　　　6.getAttribute，setAttribute

　　　　第四章：介绍了childNoles，NodeType，nodeValue，fistChild，lastChild。

　　　　　　　　1.childNodes得到一个元素的所有子元素；

　　　　　　　　2.NodeType是获取元素类型，1表示元素节点，2表示元素属性，3表示文本节点

　　　　　　　　3.nodeValue获取对象的值；

　　　　　　　　4.fistChild是得到数组元素的第一个对象，node.childNodes[0]；

　　　　　　　　5.lastChild是得到数组元素的最后一个对象，node.childNodes[node.childNodes.length-1]。