《JavaScript程序设计基础教程 教学课件 PPT 作者 曾海 第4章 JavaScript基本语句》由会员分享，可在线阅读，更多相关《JavaScript程序设计基础教程 教学课件 PPT 作者 曾海 第4章 JavaScript基本语句（41页珍藏版）》请在金锄头文库上搜索。
1、课件制作人：,第4章 JavaScript基本语句,【学习目标】,JavaScript程序由语句组成，主要包括条件语句、循环语句、跳转语句和异常处理语句等。通过本章的学习，读者可以达到以下学习目的： 掌握条件语句。 掌握循环语句。 熟悉跳转语句和异常处理语句。,课件制作人：,【学习导航】,本章主要介绍JavaScript的条件语句、循环语句、跳转语句和异常处理语句。本章在书中的学习位置如图4.1所示。,课件制作人：,【知识框架】,本章学习内容知识框架如图4.2所示。,课件制作人：,本章目录,4.1 条件语句 4.2 循环语句 4.3 跳转语句 4.4 异常处理语句,课件制作人：,4.1 条件语
2、句,if语句 if.else语句 if.else if.else if语句 if语句的嵌套 switch语句,课件制作人：,if语句,if语句是最基本、最常用的条件控制语句。通过判断条件表达式的值为true或者false，来确定是否执行某一条语句。 语法： if(expression) statement 其中的expression是必选项，用于指定if语句执行的条件；当expression的值是true执行大括号中的statement，当expression的值是false时不执行大括号中的内容，而执行其他的语句；statement是可选项，设置当expression的值为true时执行的语
3、句块。 其中大括号的作用是将多条语句组成一个语句块，作为一个整体来进行处理。如果大括号中只有一条语句，那么大括号也可以被省略。不过建议不省略大括号，要养成一个使用大括号的习惯，可以避免一些无意中造成的错误。 例4.1 判断变量的值是否为空。 var form=“; if(form=“) alert(“变量的内容为空！“); 运行结果：变量的内容为空！。 在上述代码中，首先定义一个变量，并且设置变量的值为空，然后应用if语句判断变量的值，如果值等于空则弹出提示信息“变量的内容为空”，否则没有任何信息输出。 if语句最常用的地方是通过JavaScript脚本来控制表单提交的数据，判断表单提交的数据
4、是否为空，或者判断提交的数据是否符合标准等。,课件制作人：,if语句,例4.2 下面使用if语句判断登录用户提交的信息是否为空。进入到用户登录页面中，如果不填写用户名而直接进行登录，则弹出提示信息“请输入用户名”，运行效果如图4.3所示。,程序代码如下： 应用if语句判断用户登录信息 ,课件制作人：,if语句, function chkinput(form) /定义一个函数 if(form.username.value=“) /通过if语句判断用户名是否为空 alert(“请输入用户名!“); /如果为空则弹出提示信息 form.username.focus(); /返回到指定位置 retur
5、n(false); if(form.userpwd.value=“) /通过if语句判断密码是否为空 alert(“请输入密码!“); form.userpwd.focus(); return(false); return(true); ,课件制作人：,if语句,课件制作人：,if语句,课件制作人：,if.else语句,ifelse语句是if语句的标准形式，在if语句简单形式的基础之上增加一个else从句，当expression的值是false时则执行else从句中的内容。 语法： if(expression) statement1 else statement2 在if语句的标准形式中，首先
6、对expression的值进行判断，如果它的值是true，则执行statement1语句块中的内容，否则执行statement2语句块中的内容。 例4.3 根据变量的值不同，输出不同的内容。 var form=0; /定义一个变量，值为0 if(form=1) /判断变量的值是否为1 alert(“form=1“); /如果变量的值为1，则弹出form=1 else /使用else从句 alert(“form!=1“); /如果变量的值不为1，则弹出form!=1 运行结果：form!=1。,课件制作人：,if.else if.else if语句,标准的if.else if.else if语句
7、可以根据表达式的结果判断一个条件，然后根据返回的值执行两条代码中的一条。如果要执行多条代码中的一条则应该使用else if语句，通过else if语句可以对多个条件进行判断，并且根据判断的结果执行不同的语句。 语法： if(expression1) statement1 else if(expression2) statement2 else if(expression3) statement3 例4.4 应用if.else if.else if语句对多条件进行判断。首先判断m的值是否小于或等于1，如果是则执行alert(“m1 运行结果：m10&m=100。,课件制作人：,if.else i
8、f.else if语句,例4.5 下面使用if.else if.else if语句实现一个时间问候语的功能。即获取系统当前时间，根据不同的时间段输出不同的问候内容，运行结果如图4.4所示。,程序代码如下： 应用else if语句输出问候语 function data() /定义一个函数data var now=new Date(); /定义变量获取当前时间 var hour=now.getHours(); /定义变量获取当前时间的小时值 if (hour5) /如果时间不符合上述条件，则输出“凌晨了！该休息了！” ,课件制作人：,if语句的嵌套,if语句不但可以单独使用，而且可以嵌套应用。即在
9、if语句的从句部分嵌套另外一个完整的if语句。在if语句中嵌套使用if语句，其外层if语句的从句部分的大括号可以省略。但是，在使用嵌套的if语句时，最好是使用大括号来确定相互之间的层次关系。否则，由于大括号使用位置的不同，可能导致程序代码的含义完全不同，从而输出不同的内容。例如在下面的两个示例中由于大括号的位置不同，结果导致程序的输出结果完全不同。 例4.6 在外层if语句中应用大括号，首先判断外层if语句m的值是否小于1，如果m小于1，则执行下面的内容；然后判断当外层if语句m的值大于10时，则执行如下内容，程序关键代码如下： var m=12;n=m; /m、n值都为12 if(m10)
10、/判断外层if语句m的值是否大于10，如果m满足条件，则执行下面的语句 if(n=1) /如果n等于1，则执行下面的语句 alert(“判断M大于10，N等于1“); else /n不等于1，则执行下面的语句 alert(“判断M大于10，N不等于1“); 运行结果：判断M大于10，N等于1。,课件制作人：,if语句的嵌套,例4.7 更改例4.6代码中大括号的位置，将大括号放置在else语句之前，这时程序代码的含义就发生了变化，程序代码如下： var m=12;n=m; /m、n值都为12 if(m10) /判断外层if语句m的值是否大于10，如果m满足条件，则执行下面的语句 if(n=1)
11、/如果n等于1，则执行下面的语句 alert(“判断M大于10，N等于1“); else /当m的值不满足条件时，则执行下面的语句 alert(“判断M大于10，N不等于1“); 此时的大括号被放置在else语句之前，else语句表达的含义也发生了变化（当嵌套语句中n的值不等于1时将没有任何输出），它不再是嵌套语句中不满足条件时要执行的内容，而是外层语句中的内容，表达的是当外层if语句不满足给出的条件时执行的内容。 由于大括号位置的变化，结果导致相同的程序代码有了不同的含义，从而导致该示例没有任何内容输出。,课件制作人：,switch语句,switch是典型的多路分支语句，其作用与嵌套使用if
12、语句基本相同，但switch语句比if语句更具有可读性，而且switch语句允许在找不到一个匹配条件的情况下执行默认的一组语句。 语法： switch (expression) case judgement1: statement1; break; case judgement2: statement2; break; default: defaultstatement; break; switch语句参数的相关说明如表4.1所示。,课件制作人：,switch语句,switch语句工作原理是：首先获取expression的值，然后查找和这个值匹配的case标签。如果找到相应的标签，则开始执行c
13、ase标签后的代码块中的第一条语句，直到遇到break语句终止case标签；如果没有找到和这个值相匹配的case标签，则开始执行default标签（特殊情况下使用的标签）后的第一条语句；如果没有default标签，则跳过所有的代码块。 例4.8 下面通过示例来讲解一下switch语句的用法。首先定义一个变量m，值为5，然后应用switch语句判断变量的值与case标签的值是否匹配，如果匹配则输出case标签后的内容，如果没有找到匹配的值则输出default标签后的内容。程序代码如下： var m=5; /定义一个变量值为5 switch(m) /应用switch语句获取m的值 case 1:
14、/判断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; 运行结果：So
15、me number。,课件制作人：,switch语句,例4.9 下面使用switch语句验证日期的格式是否正确。在网站应用程序中，日期和时间格式的正确性是非常重要的，要保证输入的日期和时间格式是正确的，就需要在客户端对其进行验证，运行效果如图4.5所示。,程序代码如下： 应用switch语句验证日期的格式是否正确 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) /判断如果获
