关于JavaScript DOM的学习总结.doc

关于JavaScript的学习总结 通过对《JavaScript DOM编程艺术》这本书的学习，总共学习到三大部分的内容：JavaScript1,JavaScript DOM和CSS样式表。CSS和JavaScript 都是通过控制页面标签的方式，来完善页面，使页面更美观，内容更丰富。 JavaScript部分 关于JavaScript js脚本语言 JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。 JS变量 2.1 JS的变量为易变量，没有类型的限制可以等于所有的类型。 2.2 JS变量的命名规则和java相同，且区分大小写。 JS的数据类型有7种：Number 数字类型、String 字符串类型、Boolean 布尔类型、Array 数组类型、Object 对象、Null 空对象、Undefined 未定义。 2.3 变量的声明，直接用var关键字声明即可：var a=90。也可以一次性声明多个变量：var b=1,c=2,d=3。如果一个变量没有声明就使用，或是声明了没有设置值都是undefined。 数据类型的定义 数值类型: var age=33; 字符串类型: var mood=”happy” 布尔值类型: var add=true; 数组类型: var list= Array(2) list[0]=”jhon”; list[1]=33; 或者: var list=Array(“jhon”,33) (注:数组内可定义任意类型的数据,且数组下标从 0 开始) NULL类型: var name=null ;或 name=””; Undefined类型: var person; 对象类型: var jer= new person; 对象类型是一种非常重要的数据类型.对象是自我包含的数据集合,包含在对象里的数据可以通过两种方式--属性(property)和方法(method) 访问 例如: person.age Math.round() JS操作符 算数操作符 : 加法(+),减法(-),乘法(*),除法(/) 如: var num=1+1; var num=num-1; var num=num*num; var num=num/2; 赋值操作符 : = 如: var age=33 比较操作符 : ,=,,=,==,===,!=(不等于) 逻辑运算符: (逻辑与), ||(逻辑或) 其中JS的运算符号和java的基本类似，有区别的地方在于JS有==和===，==只比较数据的值不比较类型，===叫全等于既比较值也比较数据类型 条件语句(或判断语句) if(condition) { statements; } (注:条件必须放在if后边括号中,条件的求值结果永远是布尔值,true或false) 循环语句 6.1 while(condition){ statements; } //只要给定条件求值为true,花括号内代码反复执行 6.2 do{ statements; } while(condition) // 控制条件的求值发生在每次循环后,即使循环控制条件首次求值结果为false,花括号内语句也至少会被执行一次 6.3 for(initial condition;test condition;alter condition ){ statements; } // 与循环有关的内容都放在for后边的圆括号内 如: for(var i=0;i10;i++){ alert(i); } JS函数 function 函数的名称(【参数的名称】){ 函数体 【return返回值】 } 【】中的为可选项。 变量范围 8.1变量的作用范围：使用了var关键字的变量如果不在函数里则为全局变量，在函数中带有var关键字的变量为局部变量，只能在此函数中使用。没有使用var关键字的变量即使在函数中，在此函数被调用后该变量也为全局变量。 8.2全局变量:可以在脚本任何位置引用,作用域是整个脚本. 8.3局部变量:只存在于对它做出声明的那个函数,作