Javascript课件1.pptVIP

* SCRIPT LANGUAGE = JavaScript function calcu() { var numb1= document.calc.num1.value; var numb2= document.calc.num2.value; if ((numb1!=) (numb2!=)) { if (parseFloat(numb1)0) { alert(竞拍价格不能小于零！\n请重填); return; //函数返回，不再执行后面的代码 } if (parseFloat(numb2)0) { alert(购买数量不能小于零！\n请重填); return; } var total= parseFloat(numb1)*parseFloat(numb2); document.calc.result.value=total; ….. 嵌套If语句 2-2 购买数量无意中输入负数，出现 bug 怎么办? * switch 语句 2-1 switch (表达式) { case 常量1 : JavaScript语句; break; case 常量2 : JavaScript语句; break; ... default : JavaScript语句; } 语法： * switch语句 2-2 ..... var f=document.calc.pay.value; //支付方式代号 var grade; //折扣率 var total= parseFloat(numb1)*parseFloat(numb2); switch(parseInt(f)) { case 1: grade=0.6 ; //打6折优惠 break; case 2: …….同理其他方式打7折、八折 case 4: grade=0.9 ; //打9折优惠 break; default: alert(请重新选择支付方式！); return; } var money=total*grade; //根据折扣率，计算实际总价 document.calc.result.value=money; alert(您享受了+grade*10+折优惠！); ….. 银行转帐－ 打6折 电话支付－ 打7折 邮政汇款－ 打8折 Q币支付－ 打9折 下拉列表框pay的选项和值 * 总结 网页中嵌入脚本有两种方式：使用Script标签或外部 *. js文件 JavaScript 中声明变量：var 变量名 “+”可以用于两个数相加，还可以用于连接字符串 parseInt() 和 parseFloat() 函数将字符串分别转换为整型和小数 运算符号分为算术运算符、比较运算符、逻辑运算符 条件语句分为if语句，if-else语句、if的嵌套 多分支语句switch根据表达式的值，进入不同的分支执行 * 说明：请点击提交，ok等按钮，整个动画模拟了网页的效果。 * 强调JS的主要功能： 1）数据验证 2）网页特效 3）因为js是脚本语言，所以代码也称为js脚本 * 讲解要点： 1）JavaScript代码可以直接写在网页内 2）也可以象样式文件一样。把JavaScript代码写在一个*.js文件中，然后把网页和*.js文件关联就是。 * 告诉学员： 1）JavaScript代码的固定语法： 一般在head标签中 HEAD SCRIPT language = JavaScript //Js代码 / SCRIPT 2) document.write( )方法表示往页面中写（输出）内容，相当于C语言的printf( )函数。 Document表示页面文档，后续章节会讲解。 3）演示：参考TG7-Source 文件夹中的“欢迎页面”用例 * 演示：参考TG7-Source 文件夹中的“外部js文件”用例 * 告诉学员：JavaScript语法和C语言类似，只是语法关键字等细节不同。 例如： 1）区分大小写 2）每条语句以分号结束 ; 3) If －else语句 4）for while do..while循环 5）支持函数、数组等。 以便后续语法的讲解。 * 告诉学员： 和C语言一样，变量的使用分为两步： 1）声明变量 2）给变量赋值 * 讲解要点： 先给出效果图，讲解代码的脚本部分，强调： 1）变量的定义 2）变量的赋值 3）prompt的用法 4）document.write（）的用法，功