JavaScript基本语句

课件制作人：第4章JavaScript基本语句【学习目标】JavaScript程序由语句组成，主要包括条件语句、循环语句、跳转语句和异常处理语句等。通过本章的学习，读者可以达到以下学习目的：●掌握条件语句。●掌握循环语句。●熟悉跳转语句和异常处理语句。课件制作人：【学习导航】本章主要介绍JavaScript的条件语句、循环语句、跳转语句和异常处理语句。本章在书中的学习位置如图4.1所示。JavaScript语言基础JavaScript基本语句函数对象编程事件处理浏览器对象CSS+DIV技术Ajax技术JavaScript概述了解JavaScript环境要求及编写工具关键字和标识符数据类型、变量、常量、运算符等对象概述常用对象CSS简介样式定义与使用CSS+DIV美化与布局页面Ajax概述实现Ajax的基本步骤用Ajax实现无刷新广告轮显编写第一个程序HTML文档HTML文档基础常用标记条件语句、循环语句和跳转语句等了解函数函数的定义与调用等常用内置函数事件基本概念常用事件窗口对象文档对象表单对象课件制作人：【知识框架】本章学习内容知识框架如图4.2所示。JavaScript基本语句条件语句循环语句跳转语句异常处理语句课件制作人：√本章目录4.1条件语句4.2循环语句4.3跳转语句4.4异常处理语句√√√课件制作人：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/head课件制作人：if语句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);}/script课件制作人：if语句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/table课件制作人：if语句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课件制作人：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课件制作人：if语句的嵌套if语句不但可以单独使用，而且可以嵌套应用。即在if语句的从句部分嵌套另外一个完整的if语句。在if语句中嵌套使用if语句，其外层if语句的从句部分的大括号{}可以省略。但是，在使用嵌套的if语句时，最好