资源预览内容
第1页 / 共23页
第2页 / 共23页
第3页 / 共23页
第4页 / 共23页
第5页 / 共23页
第6页 / 共23页
第7页 / 共23页
第8页 / 共23页
第9页 / 共23页
第10页 / 共23页
第11页 / 共23页
第12页 / 共23页
第13页 / 共23页
第14页 / 共23页
第15页 / 共23页
第16页 / 共23页
第17页 / 共23页
第18页 / 共23页
第19页 / 共23页
第20页 / 共23页
亲,该文档总共23页,到这儿已超出免费预览范围,如果喜欢就下载吧!
点击查看更多>>
资源描述
*,*,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,JavaScript基本语句,本讲大纲:,1、,赋值语句,2、,条件语句,3、,循环语句,4、,跳转语句,5、,异常处理语句,6、,注释语句,JavaScript基本语句本讲大纲:1、赋值语句2、条件语,1,赋值语句,赋值语句是JavaScript程序中最常用的语句,在程序中,往往需要大量的变量来存储程序中用到的数据,所以用来对变量进行赋值的赋值语句也会在程序中大量的出现。赋值语句的语法如下:,语法:,变量名=表达式;,当给一个尚未声明的变量赋值时,JavaScript会自动用该变量名创建一个全局变量。在一个函数内部,通常创建的只是一个仅在函数内部起作用的局部变量,而不是一个全局变量。要创建一个局部变量,不是赋值给一个已经存在的局部变量,而是必须使用var语句进行变量声明。,当使用关键字var声明变量时,也可以同时使用赋值语句对声明的变量进行赋值。,例如:声明一些变量,并分别给这些变量赋值,代码如下:,var varible=100/数值类型,var str=有一条路,走过了总会想起/字符串,var bue=true/布尔类型,在JavaScript中,变量可以不先声明,而在使用时,再根据变量的实际作用来确定其所属的数据类型。但是建议读者在使用变量前就对其声明,因为声明变量的最大好处就是能及时发现代码中的错误。由于JavaScript是采用动态编译的,而动态编译是不易于发现代码中的错误的,特别是变量命名方面的错误。,赋值语句赋值语句是JavaScript程序中最常用的语句,2,条件语句,所谓条件控制语句就是对语句中不同条件的值进行判断,进而根据不同的条件执行不同的语句。在条件控制语句中主要包括两类:一类是if语句以及该语句的各种变种,另一类是switch多分支语句。下面对这两种类型的条件控制语句进行详细的讲解。,1if语句,if语句是最基本、最常用的条件控制语句。通过判断条件表达式的值为true或者false,来确定是否执行某一条语句,.,语法:,if(expression),statement,其中的expression是必选项,用于指定if语句执行的条件;当expression的值是true执行大括号中的statement,当expression的值是false时不执行大括号中的内容,而执行其他的语句;statement是可选项,设置当expression的值为true时执行的语句块。,其中大括号的作用是将多条语句组成一个语句块,作为一个整体来进行处理。如果大括号中只有一条语句,那么大括号也可以被省略。不过建议不省略大括号,要养成一个使用大括号的习惯,可以避免一些无意中造成的错误。,例如,判断变量的值是否为空。,var form=;,if(form=),alert(变量的内容为空!);,运行结果:变量的内容为空!,在上述的代码中,首先定义一个变量,并且设置变量的值为空,然后应用,if,语句判断变量的值,如果值等于空则弹出提示信息“变量的内容为空,!,”,否则没有任何信息输出。,if语句最常用的地方是通过,JavaScript,脚本来控制表单提交的数据,判断表单提交的数据是否为空,或者判断提交的数据是否符合标准等。,条件语句所谓条件控制语句就是对语句中不同条件的值进行判断,3,JavaScript程序设计(第2版)03,4,JavaScript程序设计(第2版)03,5,首先定义一个变量获取当前时间,然后再应用getHours()方法获取系统当前时间的小时值,最后应用else if语句判断在不同的时间段内输出不同的问候语。其关键代码如下:,var now=new Date();,/定义变量获取当前时间,var hour=now.getHours();,/定义变量获取当前时间的小时值,if(hour5)&(hour7)&(hour11)&(hour13)&(hour17)&(hour21)&(hour=23),alert(夜深了,注意身体哦);,/如果时间在2123时之间,则输出“夜深了,注意身体哦”,else alert(凌晨了!该休息了!);,/如果时间不符合上述条件,则输出“凌晨了!该休息了!”,图4-6 应用else if语句输出问候语,运行结果如图,4-6,所示。,4if语句的嵌套,if语句不但可以单独使用,而且可以嵌套应用。即在,if,语句的从句部分嵌套另外一个完整的,if,语句。在,if,语句中嵌套使用,if,语句,其外层,if,语句的从句部分的大括号,可以省略。但是,在使用应用嵌套的,if,语句时,最好是使用大括号,来确定相互之间的层次关系。否则,由于大括号,使用位置的不同,可能导致程序代码的含义完全不同,从而输出不同的内容。例如在下面的两个示例中由于大括号,的位置不同,结果导致程序的输出结果完全不同。,首先定义一个变量获取当前时间,然后再应用getHour,6,例4-7 在外层if语句中应用大括号,首先判断外层if语句m的值是否小于1,如果m小于1,则执行执行下面的内容;然后判断当外层if语句m的值大于10时,则执行如下内容,程序关键代码如下:,var m=12;n=m;/m、n值都为12,if(m10)/判断外层if语句m的值是否大于10,如果是,则执行下面的语句,if(n=1)/如果m大于10并且n等于1,则执行下面的语句,alert(判断M大于10,N等于1);,else/n不等于1,则执行下面的语句,alert(判断M大于10,N不等于1);,图4-7 if嵌套语句的应用,运行结果如图4-7所示。,例4-7 在外层if语句中应用大括号,首先,7,例4-8 更改示例1代码中大括号的位置,将大括号放置在else语句之前,这时程序代码的含义就发生了变化,程序代码如下:,var m=12;n=m;,/m、n值都为12,if(m10),/判断外层if语句m的值是否大于10,如果是,则执行下面的语句,if(n=1),/如果m大于10并且n等于1,则执行下面的语句,alert(判断M大于10,N等于1);,else,/当m的值不满足条件时,则执行下面的语句,alert(判断M大于10,N不等于1);,此时的大括号被放置在else语句之前,else语句表达的含义也发生了变化(当嵌套语句中n的值不等于1时将没有任何输出),它不再是嵌套语句中不满足条件时要执行的内容,而是外层语句中的内容,表达的是当外层if语句不满足给出的条件时执行的内容。,由于大括号位置的变化,结果导致相同的程序代码有了不同的含义,从而导致该示例没有任何内容输出。,例4-8 更改示例1代码中大括号的位置,将大括,8,5switch语句,switch是典型的多路分支语句,其作用与嵌套使用if语句基本相同,但switch语句比if语句更具有可读性,而且switch语句允许在找不到一个匹配条件的情况下执行默认的一组语句。,语法:,switch(expression),case judgement1:,statement1;,break;,case judgement2:,statement2;,break;,default:,defaultstatement;,break;,switch语句参数的相关说明如表4-9所示。,switch语句工作原理是:首先获取,expression,的值,然后查找和这个值匹配的,case,标签。如果找到相应的标签,则开始执行,case,标签后的代码块中的第一条语句,直到遇到,break,语句终止,case,标签;如果没有找到和这个值相匹配的,case,标签,则开始执行,default,标签(特殊情况下使用的标签)后的第一条语句;如果没有,default,标签,则跳过所有的代码块,5switch语句switch(expression),9,例4-9 下面通过示例来讲解一下switch语句的用法。,首先定义一个变量m,值为5,然后应用switch语句判断变量的值与case标签的值是否匹配,如果匹配则输出case标签后的内容,如果没有找到匹配的值则输出default标签后的内容。程序代码如下:,var m=5;,/定义一个变量值为5,switch(m),/应用switch语句获取m的值,case 1:,/判断m的值与case标签1是否匹配,document.write(One),/如果m的值与case标签1匹配,则输出One,break;,/如果匹配则跳出循环,case 2:,document.write(Two);,break;,case 3:,document.write(Three);,break;,case 4:,document.write(Four);,break;,default:,/判断如果m的值与上述标签中的内容都不匹配,则输出Some number,document.write(Some number);,break;,运行结果:,Some number。,在网站应用程序中,日期和时间格式的正确性是非常重要的,要保证输入的日期和时间格式是正确的,就需要在客户端对其进行验证。,例4-9 下面通过示例来讲解一下switch语句的用法。运,10,例4-10 下面应用JavaScript脚本对输入日期的合法性进行判断。,应用JavaScript编写验证输入的日期格式是否正确的代码时,需要注意以下几点:,(1)首先需要从输入的字符串中提取出年份、月份和日并判断输入的年份、月份和日是否是大于0的数字,然后将月份和日中小于10的数字格式化为长度为2的字符串(在其前面填充“0”)。,(2)将提取并格式化后的年份、月份和日重新组合,使其组合成为“YYYY-MM-DD”格式的字符串,并判断新组合的字符串长度是否为10。,(3)判断输入的年份是否为闰年,从而判断2月份的天数。,(,4,)根据,1,、,3,、,5,、,7,、,8,、,10,、,12,月份为,31,天,其他月份为,30,天的原则,判断除,2,月份以外的月份的天数是否正确。,(,5,)判断月份是否大于,12,。,例4-10 下面应用JavaScript脚本对输入日期的合,11,程序代码如下:,function check(),/定义一个函数check,var date=form1.dates.value;,/获取表单提交的值,len=date.length;,/获取表单值的长度,year=parseInt(date.substr(0,4);,/获取日期中年的值,month=parseInt(date.substr(5,2);,/获取表单中月的值,day=parseInt(date.substr(8,2);,/获取表单中日的值,if(len=),/判断如果表单的值为空,alert(日期不能为空);,/则输出“日期不能为空”,else if(len!=10),/判断如果表单中值的长度不等于10,alert(您输入的日期的格式不正确);,/则输出的日期的格式不正确,else if(isNaN(year),/判断如果获取的年的数据不是数字,alert(您输入的日期的格式不正确),/则输入的日期的格式不正确,else if(year9999)|(year12)|(month1),alert(您输入的日期的格式不正确);,else if(isNaN(day),alert(您输入的日期的格式不正确);,else,switch(month),/将获取的月份值作为表达式,case 1:,/将获取的月份值与case标签后的值进行匹配,case 3:,case 5:,case 7:,case 8:,case 10:,case 12:,if(day31),/判断1、3、5、7、8、10、12月份的日期是否正确,alert(您输入的日期的格式不正确);,else,form1.submit();,break;,case 4:,case 6:,case 9:,case 11:,if(day3
点击显示更多内容>>

最新DOC

最新PPT

最新RAR

收藏 下载该资源
网站客服QQ:3392350380
装配图网版权所有
苏ICP备12009002号-6