资源描述
会计学1JavaScript应用应用2第1页/共34页3Swiss BankFlorida, USAdollar110089778“67 89 005 90”$一万元整一万元整Jeny SmissJ. Smiss. 10,000/-Jeny SmissA/c No. 010077瑞士银行Jeny 想在银行存钱验证 Jeny 帐户详细信息余额帐号帐号签名签名帐户验证完毕第2页/共34页4JenyJeny 想创建一个电子邮件帐户*24US帐户 Id： 密码：年龄：国家：提交提交*请等待，正在请等待，正在创建您的帐户创建您的帐户OK提交提交这样，这样，JavaScript 将验证数据并给出错误信息（如有）将验证数据并给出错误信息（如有）错误消息错误消息密码不能密码不能 少于六位少于六位 !第3页/共34页5第4页/共34页6第5页/共34页7JavaScript 代码(欢迎来到 JavaScript 世界);尽情享受学习的快乐! 脚本代码设置语言第6页/共34页8 第7页/共34页9JavaScript 代码代码 ()使用外部文件以上文本是通过访问外部 JavaScript 文件显示的 document.write(喂！你好吗喂！你好吗?)JavaScript 代码代码 (test.js )第8页/共34页10第9页/共34页11同时声明和初始化变量同时声明和初始化变量v var a= 10;ar a= 10;a = 10;声明变量声明变量声明多个变量声明多个变量v var x, y, z = 10;ar x, y, z = 10;赋值赋值第10页/共34页12定义变量赋 值输 出prompt(“提示信息”,”默认值”)将弹出提示对话框，接受用户的输入。点击确定返回输入的字符串，点击取消反馈空字符串。第11页/共34页13变量 a、b 和 c 只能在其各自的函数中被访问 脚本脚本函数function1局部变量a函数function2局部变量b函数function3局部变量c可由函数 1、函数 2 和函数 3 访问全局变量 gg全局变量不需要以 var 关键字进行声明，但局部变量则必须以此关键字来声明第12页/共34页14浮点型浮点型字面量至少必须含有一个数字。此数字可包含小数点或采用科学记数法表示的数字。科学记数法中的整数可以是正整数(+) 或负整数(-)，指数(e) 表示“十次幂”。例如 10.24、1.20e+22、4E-8、.1815 等。整型整型浮点型浮点型字符串型字符串型第13页/共34页15数据类型数据类型说说 明明示示 例例数字型整数或实数487, 25.95逻辑型或布尔型执行逻辑运算true或 false 字符串型一组字符“Hello”空特殊关键字，表示不存在的值。 null第14页/共34页16 var x=100;var y;var z;(竞拍SONY数码相机 600万像素 +x+$起价);y=prompt(加多少银子？,1); z=x+y; alert(您最终的出价n+z+$); /”n”用于换行显示 Prompt函数返回输入的字符串 10020 ? bug+字符串相连：100+”200”200第15页/共34页17 var x=100;var y;var z;(竞拍SONY数码相机 600万像素 +x+$起价);y=prompt(加多少银子？,1); z=x+parseFloat( y ); alert(您最终的出价n+z+$); /”n”用于换行显示 parseFloat( )函数将字符串转换为float数据 parseInt( )函数将字符串转换为int数据如果转换失败，返回NaN值(not a number)第16页/共34页18第17页/共34页19运算符说 明示 例+加a = 5 + 8-减a = 8 - 5/除a = 20 / 5*乘a = 5*19%取模两个数相除的余数10 % 3 = 1+一元自加。该运算符带一个操作数，将操作数的值加 1。返回的值取决于 + 运算符位于操作数的前面或是后面将返回 x 自加运算后的值。x+ 将返回 x 自加运算前的值- -一元自减。该运算符只带一个操作数。返回的值取决于 - 运算符位于操作数的前面或是后面-x 将返回 x 自减运算后的值。x- 将返回 x 自减运算前的值第18页/共34页20实现步骤：1.使用DreamWeaver设计页面2.指定各个文本框的名称3.切换为代码视图，编写脚本代码4.浏览并调试num1num2result第19页/共34页21function calcu( )var numb1= document.calc.num1.value;var numb2= document.calc.num2.value;var total=parseFloat(numb1)*parseFloat(numb2);=total; 计算总价并显示添加单击事件，单击按钮时调用“calcu()” 函数获取表单中输入的数据：document.表单名.表单元素名.value定义calcu( )计算函数,实现两个数相乘的功能.定义函数的语法： function 函数名(参数列表) /JavaScript语句； 第20页/共34页22运算符运算符说说 明明示示 例例= = 等于。如果两个操作数相等，则返回真。a = = b!=不等于。如果两个操作数不相等，则返回真。Var2 != 5大于。如果左边的操作数大于右边的操作数，则返回真。Var1 var2小于。如果左边的操作数小于右边的操作数，则返回真。Var2 var1=小于等于。如果左边的操作数小于或等于右边的操作数，则返回真。Var2 = 4Var2 =大于等于。如果左边的操作数大于或等于右边的操作数，则返回真。Var1 = 5Var1 = var2第21页/共34页23function calcu()var numb1= document.calc.num1.value;var numb2= document.calc.num2.value;var total= parseFloat(numb1)*parseFloat(numb2);=total; if (total500) alert(购买总价超过500n支付时将赠送超级Q币2枚！);.其他代码略，同上例购买总价超过500，赠送超级Q币2枚！ 第22页/共34页24运算符运算符值值说说 明明与 ( &)expr1 & expr2只有当 expr1 和 expr2 同为真时，才返回真。否则，返回假。或 ( | )expr1 | expr2如果其中一个表达式为真，或两个表达式同为真，则返回真。否则，返回假。非 (!)!expr如果表达式为真，则返回假。如果为假，则返回真。第23页/共34页25function calcu()var numb1= document.calc.num1.value;var numb2= document.calc.num2.value;var total= parseFloat(numb1)*parseFloat(numb2);=total; if (total500) &(total1000) &(total2000) alert(购买总价超过2000n请直接与贵宾台联系！);.其他代码略，同上例5001000 之间，赠送超级Q币两枚；10002000之间，赠送IBM智能鼠标一只；2000以上，直接与贵宾台联系。第24页/共34页26if(条件) JavaScript代码; 语法：语法：如果要执行多个语句，必须将这些语句放在一对大括号 ( ) 内。但如果只要执行一个语句，则可以省略大括号第25页/共34页27function calcu()var numb1= document.calc.num1.value;var numb2= document.calc.num2.value;if (numb1!=) & (numb2!=) var total= parseFloat(numb1)*parseFloat(numb2); =total; if (total500) &(total1000) &(total2000) alert(购买总价超过2000n请直接与贵宾台联系！); .其他代码略，同上例如果输入框中的数据用户漏填了，出现NaN的 bug 为什么呢?第26页/共34页28语法：语法：第27页/共34页29function calcu()var numb1= document.calc.num1.value;var numb2= document.calc.num2.value;if (numb1!=) & (numb2!=) var total= parseFloat(numb1)*parseFloat(numb2); =total; if (total500) &(total1000) &(total2000) alert(购买总价超过2000n请直接与贵宾台联系！); else alert(购买数量或竞拍价格没有填写n请重新输入！);提示没有填写购买数量或者竞拍价格?第28页/共34页30语法：语法：第29页/共34页31function 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); =total; .购买数量无意中输入负数，出现 bug 怎么办?第30页/共34页32switch (表达式) case 常量1 : JavaScript语句; break; case 常量2 : JavaScript语句; break; . default : JavaScript语句;语法：语法：第31页/共34页33 . var f=; /支付方式代号 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; /根据折扣率，计算实际总价 =money; alert(您享受了+grade*10+折优惠！); .银行转帐 打6折电话支付 打7折邮政汇款 打8折Q币支付 打9折下拉列表框pay的选项和值第32页/共34页34第33页/共34页
展开阅读全文