Javascript基本语法.ppt

学习目标,了解Javascript概念学习编写Javascript程序学习使用Javascript的控制流程及函数学习使用Javascript的内置函数学习使用Javascript的系统函数,Javascript概述,什么是Javascript?Javascript是一门基于对象的脚本语言可以用在所有的主流浏览器能够对用户的输入进行相应的动作,增加交互性能够实现网页的特效,在html中嵌入Javascript,内部嵌入在html中只要加入标记,然后在标记间插入javascript代码例如:,在html中嵌入Javascript,外部嵌入可以将javascript代码放在单独的文件里,然后在网页中调入。例如:1.js文件中写：document.write(“helloworld),在html中嵌入Javascript,直接嵌入可以直接将代码嵌入html的标记中例如:,变量（1/2）,变量变量常被用来存储数据变量名区分大小写变量名应该是字母,数字或者下划线“_”，长度小于等于255个字符，第一个字符必须为字母或者下划线不可以使用javascript用到的保留字，例如：for、var等例如变量声明（也可以不预先声明）:varusername=“tom”/注释一行/*/注释内部多行,变量（2/2）,判断以下变量是否有效abcdefghijklmnopqrstuvwxyz、ab、a+b、_ab、a表示函数fun1（）主体，中间调用显示数字3。document.write()是文档对象的输出函数，其功能是将括号中的字符或变量值输出到窗口。,程序的第一步（3/3）,alert(3);表示弹出警告窗口，显示数字3。注意：如果是显示字符，必须有引号。window.open(URL);表示打开另一新窗口。可在（）中写上打开窗口中显示的文件，可以是图片，或者是html文件都可。,判断语句（1/2）,if.else语句1)if语句主要用于条件判断,条件为真或者为假时分别执行不同的语句2)基本语法if(条件表达式)条件为真时执行此语句else条件为假时执行此语句,判断语句（2/2）,switchcase语句1）其执行过程是，当变量与case条件值相等时，则执行其后所有语句，并且当碰上下一个case时也不再加以判断相等与否2）基本语法switch（变量名称）case条件值1：执行语句1；breakcase条件值2：执行语句2；breakdefault：执行语句nbreak语句作用：帮助跳出该判断语句，不再执行后面的语句。default语句作用：表示默认执行语句，则当所有case值都不满足时则执行该语句。,循环语句,循环语句for循环1)for循环语句是用来执行指定次数的同一段代码2)基本语法for(变量初始值;是否继续循环的条件;变量自增)循环代码while循环1)while循环也是用来循环,条件为真时执行指定代码2)基本语法while(是否循环的条件)条件为真时循环的代码,do条件为真时循环的代码while(是否循环的条件),for循环,语法格式如下：for（表达式1；表达式2；表达式3）语句执行过程如下：1)先求解表达式1。2)求解表达式2，若其值为真，则执行内嵌语句，然后执行第3）步；若为假，则结束循环，执行第5）步。3)求解表达式3。4)转回第2）步继续执行。5)循环结束，执行for语句下面的语句。break语句：可以用来跳出整个循环。continue语句：可以用来跳出本次循环。,Javascript对象概述,对象概述Javascript是一门基于对象的脚本语言,它将网页的每个部分都看成一个对象,对象用来控制javascript控制网页组成部分的实体,由属性和方法两部分组成Javascript对象类型1)核心对象:主要包括javascript的最基本的数据类型2)浏览器对象:主要包括网页的各个组成元素引用对象的途径1)用户创建:使用new语句生成2)由浏览器提供3)使用javascritp自带对象说明:用户可以使用this关键字来表示当前的对象,使用Javascript核心对象数组（1/3）,Array对象1)Array对象是数组对象,数组是用来存储多个变量的集合.2)创建Array对象firstArray=newArray():直接生成Array对象,没指定长度firstArray=newArray(size):生成指定长度的Array对象说明:生成了Array对象后可以使用，如firatArrayn(n为数字标示第n个，从0开始，到size-1结束（必须预先声明，但可以不指定size）3)常见数组方法length方法:返回数组的长度，即元素个数,使用Javascript核心对象数组（2/3）,在声明数组时，还可以在其括号内直接输入值。a=newArray()a0=1a1=2a2=3等价于：a=newArray(1,2,3),例：a=newArray()a0=1a1=2a2=3b=newArray(a,b,c)alert(a0)alert(a)alert(b),其结果在网页上依次弹出警告框：,说明：使用数组时，可以写清楚数组下标单个数值的使用，也可以只写数组名将数组整个使用。数组赋值时，如果是数字可以不加引号，字符则必须加引号，否则报错。,使用Javascript核心对象数组（3/3）,数组函数length,例：a=newArray()a0=3a9=1alert(a.length)/*注意：其中a.length不能用引号，否则为打印字符串。*/,结果显示：,分析：数组下标从0开始，到9结束，虽然中间没存数，但是还是占用一部分内存空间，所以长度为10。,数组函数concat,该函数用来将两个已存在的数组连接成一个新数组。,3.7数组函数concat,例：,数组函数toString和join,用来把数组中的所有数值连接成一个字符串。语法格式如下：字符串名=数组名.toString()字符串名=数组名.join(分隔符)说明：其中，前者为逗号分隔，后者可以设置其分隔符，但默认值也为逗号。分隔符可以为数字或字符串，如为字符串要用引号。,数组函数reverse,将整个数组中的元素顺序转置。,注意：是以元素为单位的顺序转置，数组元素本身顺序不变。所以第二张图正确。,数组函数reverse,使用Javascript核心对象,string对象(字符串对象)1)字符串对象主要用来处理字符串和子字符串2)创建字符串对象varstring1=“Thisisatest:生成对象并赋值varstring1;string1=“Thisisatest”:直接给变量赋值使之成为字符串对象3)字符串对象属性length属性:用来返回字符串的长度，如string1.length=14,使用Javascript核心对象,string对象(字符串对象续)4)字符串对象方法indexOf()方法:返回string对象内第一次出现子字符串的字符位置，如string1.indexOf(t)=10substr()方法:返回一个从指定位置开始的指定长度的子字符串，如string1.substring(1,3)=“his”substring()方法:返回位于string对象中指定位置的字符串，如string1.substring(1,3)=“hi”,使用Javascript核心对象,Math对象(数学对象)1)Math对象主要用于提供基本的数学函数和常数2)创建Math对象Math对象是不能用var关键字来创建的,其属性和方法可以直接使用3)Math对象常见方法random():返回位于0-1之间的随机数round():返回四舍五入整数值，如Math.round(1.7)=2abs():返回绝对值,使用Javascript核心对象,Date对象1)Math对象主要用于获得跟时间或日期有关的参数值2)创建Date对象date=newDate():生成Date对象，如年，月，日day=newDate(2003,4,15)年，月，日，时，分，秒day=newDate(2003,4,15,19,18,23)说明：省略时间只有日期的写法，系统自动将时间设置为0时0分0秒。若省略全部datetime信息，则系统自动将当时日期与时间赋予其值。月份的设置类似数组下标，0代表1月，1代表2月11代表12月，12则顺延至第二年的1月。,使用Javascript核心对象,Date对象（续）3)Date对象常见方法getYear():获得当前年份getMonth():获得当前月份getDate():获得日期getHours():获得小时数，24小时制getMinutes():获得分钟数getSeconds():获得秒数getDay():取星期，0代表星期日，6代表星期六又有setYear():设