javascript语法基础适用于初学者市公开课金奖市赛课一等奖课件

JavaScript程序设计

第一章JavaScript语法基础Lesson5主讲老师：王涛QQ：164030235第1页2回顾If条件句有哪几个格式，请描述下？第2页3本节目标假如希望选择执行若干代码块中一个，你能够使用switch语句：第3页4switch语句1switch(表示式){ case常量1:

JavaScript语句;

break;

case常量2:

JavaScript语句;

break;

...

default:JavaScript语句;}语法：第4页5switch语句2下拉列表框pay选项和值银行转帐－打6折电话支付－打7折邮政汇款－打8折Q币支付－打9折.....varf=document.calc.pay.value;//支付方式代号vargrade;//折扣率vartotal=parseFloat(numb1)*parseFloat(numb2);switch(parseInt(f)){case1: grade=0.6;//打6折优惠 break; case2: …….同理其它方式打7折、八折 case4: grade=0.9;//打9折优惠 break; default: alert("请重新选择支付方式！"); return;}varmoney=total*grade;//依据折扣率，计算实际总价document.calc.result.value=money;alert("您享受了"+grade*10+"折优惠！");…..第5页6常见错误1<SCRIPTlanguage="javascript">functioncompute(){x=5;varnum1,num2;}</SCRIPT>变量能够不申明而直接赋值。如x=5;不推荐使用，轻易犯错。第6页7常见错误2<SCRIPTlanguage="javascript">functioncompute(op){varNum1,num2; num1=parseFloat(document.myform.txtNum1.value); num2=parseFloat(document.myform.txtNum2.value); if(op=="+") document.myform.txtResult.value=num1+num2;if(op=="-") document.myform.txtResult.value=num1-num2;}</SCRIPT>JavaScript大小写非常敏感第7页8常见错误3<SCRIPTlanguage="javascript">functioncompute(op){varnum1,num2; num1=document.myform.txtNum1.value; num2=document.myform.txtNum2.value; if(op=="+") document.myform.txtResult.value=num1+num2;if(op=="-") document.myform.txtResult.value=num1-num2;}</SCRIPT>需要使用parseFloat方法进行转换，不然认为是字符串第8页9阶段小结网页中嵌入脚本有两种方式：使用<Script>标签或外部*.js文件JavaScript中申明变量：var变量名“+”能够用于两个数相加，还能够用于连接字符串parseInt()和parseFloat()函数将字符串分别转换为整型和小数运算符号分为算术运算符、比较运算符、逻辑运算符条件语句分为if语句，if-else语句、if嵌套多分支语句switch依据表示式值，进入不一样分支执行第9页10总结假如希望选择执行若干代码块中一个，你能够使用switch语句switch后面(n)能够是表示式，也能够（并通常）是变量。然后表示式中值会与case