JavaScript程序设计(第2版)03.JavaScript基本语句课件

*,*,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,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