使用JavaScriptjQuery实现页面特效第一章-理论.pptVIP

* * * * * * JavaScript的流程控制语句 （2）选择结构 求变量x的绝对值： 1.3 JavaScript核心语法 script type=text/javascript var x=-4,y; if(x0){ y=x; }else{ y=-x; } document.write(x+的绝对值是：+y); /script JavaScript的流程控制语句 （2）选择结构 if多分支的语法结构如下： 1.3 JavaScript核心语法 if(条件表达式1){ 语句或语句块1 } else if(条件表达式2){ 语句或语句块2 }...... else if(条件表达式n){ 语句或语句块n }else{ 语句或语句块n+1 } JavaScript的流程控制语句 （2）选择结构 根据小时数，在页面上输出不同的问候语： 1.3 JavaScript核心语法 script type=text/javascript var time=new Date(); //创建Date对象 var hour=time.getHours(); //当前小时 if(hour=11){ document.write(good morning); }else if(hour=18){ document.write(good afternoon); }else{ document.write(good night); } /script Date是JavaScript的内置对象，通过它可以获取时间，Data对象的getHours()方法可以返回系统的小时数 JavaScript的流程控制语句 （2）选择结构 switch的语法结构如下： 1.3 JavaScript核心语法 switch（表达式）{ case 取值1：语句或语句块1;break; case 取值2：语句或语句块2;break; ...... case 取值n：语句或语句块n;break; default: 语句或语句块n+1;break; } JavaScript的流程控制语句 （2）选择结构 根据星期，在页面上输出是工作日还是休息日。 1.3 JavaScript核心语法 script type=text/javascript var time=new Date(); var week=time.getDay(); switch(week){ case 1: case 2: case 3: case 4: case 5:document.write(工作日);break; default:document.write(休息日);break; } /script JavaScript的流程控制语句 switch后的条件表达式结果一旦碰到与之匹配的case，就会执行该case后的语句，如果没有break语句，继续后面case下的代码。 1.3 JavaScript核心语法 JavaScript的流程控制语句 （3）循环结构 在现实生活中，经常需要重复且有规律地做一些事情。例如每天都要按时起床、吃早饭、上班或上学等等，周而复始。同理，程序里也经常会出现重复的情况。例如重复让某一个变量乘以一个整数，直到100遍为止。 1.3 JavaScript核心语法 JavaScript的流程控制语句 （3）循环结构 while循环语法结构如下： 1.3 JavaScript核心语法 while（条件表达式）{ 语句或语句块 } 如果一开始就检测到条件表达式的结果是false，则{}中的代码一次都不执行，即循环的次数是0。如果条件表达式的结果始终是true，称为死循环，应当避免这种情况。 JavaScript的流程控制语句 （3）循环结构 输出摄氏温度与华氏温度的对照表，要求从摄氏温度0度到250度，每隔20度为一项，对照表中的条目不超过10条。转换关系：华氏温度 = 摄氏温度 * 9 / 5.0 + 32。 1.3 JavaScript核心语法 script type=text/javascript var f; // 华氏 var c = 0; // 摄氏 var count = 1; // 条目 while(count = 10 c = 250){ f = c * 9 / 5.0 + 32; // 转换 document.write(trtd+c+/tdtd+f+/td/tr); c = c + 20; count++; } /scrip