学习情境10使用行为和Javascript制作特效网页.ppt

课堂实践 布置习题 学习目标 教学总结 课程引导 制作特效网页 学习情境10 知识讲解 JavaScript基础知识 JavaScript的语句 语句 条件语句 循环语句 If语句 switch语句 for语句 while语句 Do…while语句 while语句 break语句 continue语句 循环内部所用的语句 课堂实践 布置习题 学习目标 教学总结 课程引导 制作特效网页 学习情境10 知识讲解 JavaScript基础知识 1. if语句 JavaScript的语句 if (条件语句) { 执行语句 } body script type=text/javascript var d = new Date() var time = d.getHours() if (time 10) { document.write(b早安/b) } /script p本例演示 If 语句。/p p如果浏览器时间小于 10，那么会向您问“早安”。/p /body 课堂实践 布置习题 学习目标 教学总结 课程引导 制作特效网页 学习情境10 知识讲解 JavaScript基础知识 (2). if…else语句 JavaScript的语句 if (条件语句) { 执行语句一 } else { 执行语句二 } 课堂实践 布置习题 学习目标 教学总结 课程引导 制作特效网页 学习情境10 知识讲解 JavaScript基础知识 (3). switch语句 主要用于多个分支的情况 JavaScript的语句 switch(表达式) { case label 1: 执行代码块 1 break case label 2: 执行代码块 2 break default: 如果n既不是label 1也不是label 2，则执行此代码 } //根据输入的值来显示成绩的等级 script language=javascript !-- var grade = prompt(请输入等级（A、B、C、D、E五个等级）); switch (grade) { case A:alert(A等(90-100));break; case B:alert(B等(80-89));break; case C:alert(C等(70-79));break; case D:alert(D等(60-69));break; case E:alert(E等(60以下));break; default:alert(没有这个等级); } //-- /script 课堂实践 布置习题 学习目标 教学总结 课程引导 制作特效网页 学习情境10 知识讲解 JavaScript基础知识 (4). for循环 JavaScript的语句 for (变量=开始值;变量=结束值;变量=变量+步进值) { 需执行的代码 } script type=text/javascript var i=0 for (i=0;i=10;i++) { document.write(The number is + i) document.write(br /) } /script 运行结果： The number is 0 The number is 1 The number is 2 The number is 3 The number is 4 The number is 5 The number is 6 The number is 7 The number is 8 The number is 9 The number is 10 课堂实践 布置习题 学习目标 教学总结 课程引导 制作特效网页 学习情境10 知识讲解 JavaScript基础知识 (5). while循环 while 循环用于在指定条件为 true 时循环执行代码 JavaScript的语句 while (变量=结束值) { 需执行的代码 } script type=text/javascript i = 0 while (i = 5) { document.write(数字是 + i) document.write(br) i++ } /script 课堂实践 布置习题 学习目标 教学总结 课程引导 制作特效网页 学习情境10 知识讲解 JavaScript基础知识 (5). do while循环 do...while 循环是 while 循环的变种。该循环程序在初次运行时会首先执行一遍其中的代码，然后当指定的条件为 tru