第22讲静态网站项目设计与开发_第1页
第22讲静态网站项目设计与开发_第2页
第22讲静态网站项目设计与开发_第3页
第22讲静态网站项目设计与开发_第4页
第22讲静态网站项目设计与开发_第5页
已阅读5页，还剩17页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

静态网站项目设计与开发授课老师：何王科导入课程首先说一下我们这节课的知识点JavaScriptIf...Else语句JavaScriptSwitch语句JavaScriptFor循环JavaScriptWhile循环JavaScriptBreak和Continue语句If...Else语句条件语句用于基于不同的条件来执行不同的动作。条件语句通常在写代码时，您总是需要为不同的决定来执行不同的动作。您可以在代码中使用条件语句来完成该任务。在JavaScript中，我们可使用以下条件语句：if语句

-只有当指定条件为true时，使用该语句来执行代码if...else语句

-当条件为true时执行代码，当条件为false时执行其他代码if...elseif....else语句

-使用该语句来选择多个代码块之一来执行switch语句

-使用该语句来选择多个代码块之一来执行If语句只有当指定条件为true时，该语句才会执行代码。语法if(条件){只有当条件为true时执行的代码

}注意：请使用小写的if。使用大写字母（IF）会生成JavaScript错误！If语句当时间小于20:00时，生成一个“Goodday”问候：if(time<20){x="Goodday";}If...else语句使用if....else语句在条件为true时执行代码，在条件为false时执行其他代码。语法if(条件){当条件为true时执行的代码}else{当条件不为true时执行的代码

}If...else语句当时间小于20:00时，将得到问候"Goodday"，否则将得到问候"Goodevening"。if(time<20){x="Goodday";}else{x="Goodevening";}If...elseif...else语句使用if....elseif...else语句来选择多个代码块之一来执行。语法if(条件1){当条件1为true时执行的代码

}elseif(条件2){当条件2为true时执行的代码

}else{当条件1和条件2都不为true时执行的代码

}If...elseif...else语句如果时间小于10:00，则将发送问候"Goodmorning"，否则如果时间小于20:00，则发送问候"Goodday"，否则发送问候"Goodevening"：if(time<10){x="Goodmorning";}elseif(time<20){x="Goodday";}else{x="Goodevening";}Switch语句switch语句用于基于不同的条件来执行不同的动作。语法switch(n){case1:执行代码块1break;case2:执行代码块2break;default:n与case1和case2不同时执行的代码

}Switch语句显示今日的周名称。请注意Sunday=0,Monday=1,Tuesday=2,等等：varday=newDate().getDay();switch(day){case0:x="Todayit'sSunday";break;case1:x="Todayit'sMonday";break;case2:x="Todayit'sTuesday";break;case3:x="Todayit'sWednesday";break;case4:x="Todayit'sThursday";break;case5:x="Todayit'sFriday";break;case6:x="Todayit'sSaturday";break;}default关键词请使用default关键词来规定匹配不存在时做的事情：实例如果今天不是周六或周日，则会输出默认的消息：varday=newDate().getDay();switch(day){case6:x="Todayit'sSaturday";break;case0:x="Todayit'sSunday";break;default:x="LookingforwardtotheWeekend";}For循环<body><script>cars=["BMW","Volvo","Saab","Ford"];for(vari=0;i<cars.length;i++){document.write(cars[i]+"<br>");}</script></body>While循环只要指定条件为true，循环就可以一直执行代码。语法while(条件){需要执行的代码}While循环<body><p>点击下面的按钮，只要i小于5就一直循环代码块。</p><buttononclick="myFunction()">点击这里</button><pid="demo"></p><script>functionmyFunction(){varx="",i=0;while(i<5){x=x+"Thenumberis"+i+"<br>";i++;}document.getElementById("demo").innerHTML=x;}</script></body>do/while循环do/while循环是while循环的变体。该循环会执行一次代码块，在检查条件是否为真之前，然后如果条件为真的话，就会重复这个循环。语法do{

需要执行的代码}while(条件);do/while循环<body><p>点击下面的按钮，只要i小于5就一直循环代码块。</p><buttononclick="myFunction()">点击这里</button><pid="demo"></p><script>functionmyFunction(){varx="",i=0;do{x=x+"Thenumberis"+i+"<br>";i++;}while(i<5)document.getElementById("demo").innerHTML=x;}</script></body>Break和Continue语句break语句用于跳出循环。continue用于跳过循环中的一个迭代。Break语句break语句可用于跳出循环。break语句跳出循环后，会继续执行该循环之后的代码（如果有的话）：<body><p>点击按钮，测试带有break语句的循环。</p><buttononclick="myFunction()">点击这里</button><pid="demo"></p><script>functionmyFunction(){varx="",i=0;for(i=0;i<10;i++){if(i==3){break;}x=x+"Thenumberis"+i+"<br>";}document.getElementById("demo").innerHTML=x;}</script></body>Continue语句continue语句中断循环中的迭代，如果出现了指定的条件，然后继续循环中的下一个迭代。该例子跳过了值3：Continue语句<body><p>点击下面的按钮来执行循环，该循环会跳过i=3的步进。</p><buttononclick="myFunction()">点击这里</button><pid="demo"></p><script>functio

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论