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

* 实践一 JavaScript基本语法 实践目标 计算实际支付 在页面上输出九九乘法表 定义变量保存数据，使用分支结构实现数据的多种运算 根据消费金额和消费者是否是会员确定折扣，最终核算实际应该支付的金额。 （1）消费在200元以上的会员折扣是7.5折，消费没有达到200的会员折扣是9折。 （2）非会员只有消费在100元以上才有9折优惠。 任务一：使用变量、分支结构实现数据运算 （1）打开Visual Studio 2012，创建discount.html页面。 （2）在discount.html页面嵌入 script type=text/javascript/script脚本标签。 （3）定义变量，分别保存身份和消费的金额。 （4）用if判断身份和消费的金额，计算出各个情况下的实际消费金额。 （5）使用浏览器预览效果。 任务一：使用变量、分支结构实现数据运算 任务一：使用变量、分支结构实现数据运算 var identity = true; var money = 340; if(identity){ //会员 if(money200){ money = money * 0.75; }else{ money = money * 0.8; } document.write(会员消费340，实际支付： + money); }else{ //非会员 if(money100){ money = money * 0.9; } document.write(非会员消费340，实际支付： + money); } 根据出行的月份和仓位的类型，核算机票最终的价格。 （1）在5月～10月出行，如果仓位是头等舱，则机票打9折；如果仓位是经济舱，则机票打7.5折。 （2）在其他的月份出行，如果仓位是头等舱，则机票打6折；如果仓位是经济舱，则机票打3折。 任务一：使用变量、分支结构实现数据运算 最终运行效果 任务一：使用变量、分支结构实现数据运算 利用循环嵌套在页面上输出九九乘法表 在页面上输出九九乘法表，效果如下图： 任务二： 用循环嵌套解决数学问题 利用循环嵌套在页面上输出九九乘法表。 （1）创建multable.html页面。 （2）在multable.html页面嵌入script 。type=text/javascript/script脚本标签。 （3）用循环嵌套输出乘法表。外循环控制行数，内循环控制当前行要输出的乘法表达。 任务二： 用循环嵌套解决数学问题 任务二： 用循环嵌套解决数学问题 for(var i=1;i=9;i++){ for(var j=1;j=i;j++){ document.write(i+*+j+=+i*j+nbsp;nbsp;); } document.write(br/); } 在页面上输出倒立的九九乘法表，效果如下图： 任务二： 用循环嵌套解决数学问题 End 谢谢观看 *