第4章 JavaScript基本语句

第4章JavaScript基本语句学习目标JavaScript程序由语句组成，主要包括条件语句、循环语句、跳转语句和异常处理语句等。通过本章的学习，读者可以达到以下学习目的：掌握条件语句。掌握循环语句。熟悉跳转语句和异常处理语句。4.1条件语句if语句if...else语句if...elseif...elseif语句if语句的嵌套switch语句√√√√√if语句if语句是最基本、最常用的条件控制语句。通过判断条件表达式的值为true或者false，来确定是否执行某一条语句。语法：if(expression){statement}其中的expression是必选项，用于指定if语句执行的条件；当expression的值是true执行大括号{}中的statement，当expression的值是false时不执行大括号{}中的内容，而执行其他的语句；statement是可选项，设置当expression的值为true时执行的语句块。其中大括号{}的作用是将多条语句组成一个语句块，作为一个整体来进行处理。如果大括号中只有一条语句，那么大括号{}也可以被省略。不过建议不省略大括号，要养成一个使用大括号的习惯，可以避免一些无意中造成的错误。例4.1判断变量的值是否为空。varform=;if(form==){alert(变量的内容为空！);}运行结果：变量的内容为空！。在上述代码中，首先定义一个变量，并且设置变量的值为空，然后应用if语句判断变量的值，如果值等于空则弹出提示信息“变量的内容为空”，否则没有任何信息输出。if语句最常用的地方是通过JavaScript脚本来控制表单提交的数据，判断表单提交的数据是否为空，或者判断提交的数据是否符合标准等。if语句例4.2下面使用if语句判断登录用户提交的信息是否为空。进入到用户登录页面中，如果不填写用户名而直接进行登录，则弹出提示信息“请输入用户名”，运行效果如图4.3所示。程序代码如下：htmlheadmetahttp-equiv=Content-Typecontent=text/html;charset=gb2312/title应用if语句判断用户登录信息/titlestyletype=text/css!--.STYLE1{color:#FFFFFF}body{margin-top:0px;margin-bottom:0px;background-color:#656465;}--/style/headif语句scriptlanguage=javascriptfunctionchkinput(form){//定义一个函数if(form.username.value==){//通过if语句判断用户名是否为空alert(请输入用户名!);//如果为空则弹出提示信息form.username.focus();//返回到指定位置return(false);}if(form.userpwd.value==){//通过if语句判断密码是否为空alert(请输入密码!);form.userpwd.focus();return(false);}return(true);}/scriptif语句bodytablewidth=200border=0cellpadding=0cellspacing=0trtd /tdtd /tdtd /td/trtrtd /tdtd /tdtd /td/trtrtd /tdtd /tdtd /td/trtrtd /tdtd /tdtd /td/trtrtd /tdtd /tdtd /td/tr/tableif语句tablealign=centerwidth=505height=421border=0cellpadding=0cellspacing=0background=images/bg1.jpgtrtdwidth=205height=190 /tdtdwidth=172 /tdtdwidth=128 /td/trformname=form1method=postaction=index.htmlonSubmit=returnchkinput(this)trtdheight=28 /tdtd inputtype=textname=usernamesize=22/tdtd /td/trtrtdheight=28 /tdtd inputtype=passwordname=userpwdsize=22/tdtd /td/trtrtdheight=59 /tdtdinputname=Submittype=imageid=submitsrc=images/bg2.gifinputtype=imagename=imageField2src=images/bg3.gifonClick=form.reset();returnfalse;/tdtd /td/tr/formtrtdheight=116 /tdtd /tdtd /td/tr/table/body/html课堂练习1使用prompt()函数提示输入一个整数并将其值存储在变量中如果该数为偶数，则弹出提示框“您输入的数为偶数”如果该数为奇数，则弹出提示框“您输入的数为奇数”无论该数为奇数还是偶数，都弹出提示框“谢谢您的参与”if...else语句if…else语句是if语句的标准形式，在if语句简单形式的基础之上增加一个else从句，当expression的值是false时则执行else从句中的内容。语法：if(expression){statement1}else{statement2}在if语句的标准形式中，首先对expression的值进行判断，如果它的值是true，则执行statement1语句块中的内容，否则执行statement2语句块中的内容。例4.3根据变量的值不同，输出不同的内容。varform=0;//定义一个变量，值为0if(form==1){//判断变量的值是否为1alert(form==1);//如果变量的值为1，则弹出form==1}else{//使用else从句alert(form!=1);//如果变量的值不为1，则弹出form!=1}运行结果：form!=1。if...elseif...elseif语句标准的if...elseif...elseif语句可以根据表达式的结果判断一个条件，然后根据返回的值执行两条代码中的一条。如果要执行多条代码中的一条则应该使用elseif语句，通过elseif语句可以对多个条件进行判断，并且根据判断的结果执行不同的语句。语法：if(expression1){statement1}elseif(expression2){statement2}elseif(expression3){statement3}例4.4应用if...elseif...elseif语句对多条件进行判断。首先判断m的值是否小于或等于1，如果是则执行alert(m=1);；否则将继续判断m的值是否大于1并小于或等于10，如果是则执行alert(m1&&m=10);；否则将继续判断m的值是否大于10并且小于或等于100，如果是则执行alert(m10&&m=100);；最后如果上述的条件都不满足，则执行alert(m100);。程序代码如下：varm=56;//定义一个变量m值为56if(m=1)//判断如果m=1则执行下面的内容alert(m=1);elseif(m1&&m=10)//判断如果m1&&m=10则执行下面的内容alert(m1&&m=10);elseif(m10&&m=100)//判断如果m10&&m=100则执行下面的内容alert(m10&&m=100);else//判断如果m的值不符合上述条件则输出下面的内容alert(m100);运行结果：m10&&m=100。if...elseif...elseif语句例4.5下面使用if...elseif...elseif语句实现一个时间问候语的功能。即获取系统当前时间，根据不同的时间段输出不同的问候内容，运行结果如图4.4所示。程序代码如下：htmlheadmetahttp-equiv=Content-Typecontent=text/html;charset=gb2312title应用elseif语句输出问候语/title/headscriptlanguage=javascriptfunctiondata(){//定义一个函数datavarnow=newDate();//定义变量获取当前时间varhour=now.getHours();//定义变量获取当前时间的小时值if((hour5)&&(hour=7))alert(早上好！);//如果当前时间在5～7时之间，则输出“早上好！”elseif((hour7)&&(hour=11))alert(上午好！祝您好心情);//如果时间在7～11时之间，则输出“上午好！祝您好心情”elseif((hour11)&&(hour=13))alert(中午好！);//如果时间在11～13时之间，则输出“中午好！”elseif((hour13)&&(hour=17))alert(下午好！);//如果时间在13～17时之间，则输出“下午好！”elseif((hour17)&&(hour=21))alert(晚上好！);//如果时间在17～21时之间，则输出“晚上好！”elseif((hour21)&&(hour=23))alert(夜深了，注意身体哦);//如果时间在21～23时之间，则输出“夜深了，注意身体哦”elsealert(凌晨了！该休息了！);//如果时间不符合上述条件，则输出“凌晨了！该休息了！”}/scriptbodyonLoad=data()/body/html课堂练习2假设某网站为了吸引更多用户注册，做了如下规定：如果某位已注册用户推荐1-5人（包括5人，下同）注册加1分，推荐6-10人注册加2分，推荐10-15人注册加3分，推荐15人以上注册加5分，如果不推荐则不加分，初始分数为0if语句的嵌套if语句不但可以单独使用，而且可以嵌套应用。即在if语句的从句部分嵌套另外一个完整的if语句。在if语句中嵌套使用if语句，其外层if语句的从句部分的大括号{}可以省略。但是，在使用嵌套的if语句时，最好是使用大括号{}来确定相互之间的层次关系。否则，由于大括号{}使用位置的不同，可能导致程序代码的含义完全不同，从而输出不同的内容。例如在下面的两个示例中由于大括号{}的位置不同，结果导致程序的输出结果完全不同。例4.6在外层if语句中应用大括号{}，首先判断外层if语句m的值是否小于1，如果m小于1，则执行下面的内容；然后判断当外层if语句m的值大于10时，则执行如下内容，程序关键代码如下：varm=12;n=m;//m、n值都为12if(m1){//首先判断外层if语句m的值是否小于1，如果m小于1则执行下面的内容if(n==1)//在m小于1