资源描述:
《关于javascript dom的学习总结》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库。
1、关于JavaScript的学习总结通过对《JavaScriptDOM编程艺术》这本书的学习,总共学习到三大部分的内容:JavaScript1,JavaScriptDOM和CSS样式表。CSS和JavaScript都是通过控制页面标签的方式,来完善页面,使页面更美观,内容更丰富。一、JavaScript部分1.关于JavaScriptjs脚本语言JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语
2、言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。2.JS变量2.1JS的变量为易变量,没有类型的限制可以等于所有的类型。2.2JS变量的命名规则和java相同,且区分大小写。JS的数据类型有7种:Number数字类型、String字符串类型、Boolean布尔类型、Array数组类型、Object对象、Null空对象、Undefined未定义。2.3变量的声明,直接用var关键字声明即可:vara=90。也可以一次性声明多个变量:varb=1,c=2,d=3。如果一个变
3、量没有声明就使用,或是声明了没有设置值都是undefined。1.数据类型的定义数值类型:varage=33;字符串类型:varmood=”happy”布尔值类型:varadd=true;数组类型:varlist=Array(2)list[0]=”jhon”;list[1]=33;或者:varlist=Array(“jhon”,33)(注:数组内可定义任意类型的数据,且数组下标从0开始)NULL类型:varname=null;或name=””;Undefined类型:varperson;对象类型:varjer=new
4、person;对象类型是一种非常重要的数据类型.对象是自我包含的数据集合,包含在对象里的数据可以通过两种方式--属性(property)和方法(method)访问例如:person.ageMath.round()2.JS操作符算数操作符:加法(+),减法(-),乘法(*),除法(/)如:varnum=1+1;varnum=num-1;varnum=num*num;varnum=num/2;赋值操作符:=如:varage=33比较操作符:>,>=,<,<=,==,===,!=(不等于)逻辑运算符:&&(逻辑与),
5、
6、(
7、逻辑或)其中JS的运算符号和java的基本类似,有区别的地方在于JS有==和===,==只比较数据的值不比较类型,===叫全等于既比较值也比较数据类型1.条件语句(或判断语句)if(condition){statements;}(注:条件必须放在if后边括号中,条件的求值结果永远是布尔值,true或false)2.循环语句6.1while(condition){statements;}//只要给定条件求值为true,花括号内代码反复执行6.2do{statements;}while(condition)//控制条件的
8、求值发生在每次循环后,即使循环控制条件首次求值结果为false,花括号内语句也至少会被执行一次6.3for(initialcondition;testcondition;altercondition){statements;}//与循环有关的内容都放在for后边的圆括号内如:for(vari=0;i<10;i++){alert(i);}1.JS函数function函数的名称(【参数的名称】){函数体【return返回值】}【】中的为可选项。2.变量范围8.1变量的作用范围:使用了var关键字的变量如果不在函数里则为全
9、局变量,在函数中带有var关键字的变量为局部变量,只能在此函数中使用。没有使用var关键字的变量即使在函数中,在此函数被调用后该变量也为全局变量。8.2全局变量:可以在脚本任何位置引用,作用域是整个脚本.8.3局部变量:只存在于对它做出声明的那个函数,作用域为某个特定函数一、DOM部分1.关于DOM文档对象模型(DocumentObjectModel,简称DOM),是W3C组织推荐的处理可扩展标志语言的标准编程接口。在网页上,组织页面(或文档)的对象被组织在一个树形结构中,用来表示文档中对象的标准模型就称为DOM。2
10、.DOM的运用DOM把一份表示为一棵树,更具体表示为“家谱树”,;来互相表示各个成员之间的关系。如:这个网页中所有html元素关系可表示为如下1.节点节点这个名词来自网络,代表网络中的一个连接点。网络是由节点构成的集合。元素节点:如在上图中,
等元素节点,文本节点:元素中包含文本”Donotforgettobuy