javascript语法基础.ppt

《javascript语法基础.ppt》由会员分享，可在线阅读，更多相关《javascript语法基础.ppt（26页珍藏版）》请在三一办公上搜索。

1、JavaScript 语法基础,运算符,算术运算符-1,实现步骤：1.使用DreamWeaver 或者FrontPage设计页面2.指定各个文本框的名称3.切换为代码视图，编写脚本代码4.浏览并调试,算术运算符-2,function cal()var num=document.calform.num.value;var price=document.calform.price.value;var total=parseFloat(num)*parseFloat(price);document.calform.totalprice.value=total;,计算总价并显示,添加单击事件，单击按钮

2、时调用“cal()”函数,获取表单中输入的数据：document.表单名.表单元素名.value,定义calcu()计算函数,实现两个数相乘的功能.定义函数的语法：function 函数名(参数列表)/JavaScript语句；,比较运算符,比较运算符 2-1,比较运算符,function cal()var num=document.calform.num.value;var price=document.calform.price.value;var total=parseFloat(num)*parseFloat(price);document.calform.totalprice.val

3、ue=total;if(total200)alert(你可以参加抽奖!);.其他代码略，同上例,购买总价超过200，可以参加抽奖！,运算符,逻辑运算符,逻辑运算符,function cal()var num=document.calform.num.value;var price=document.calform.price.value;var total=parseFloat(num)*parseFloat(price);document.calform.totalprice.value=total;if(total100).其他代码略，同上例,100200 之间，赠送价值20元的大礼包；2

4、00500之间，赠送价值50元的大礼包；,if 语句 2-1,条件语句用于测试条件。,if(条件)JavaScript代码;,语法：,如果要执行多个语句，必须将这些语句放在一对大括号()内。但如果只要执行一个语句，则可以省略大括号,If语句 2-2,function cal()var num=document.calform.num.value;var price=document.calform.price.value;if(num!=“”).其他代码略，同上例,如果输入框中的数据用户漏填了，出现NaN的 bug 为什么呢?,if else 语句 2-1,if(条件)/JavaScript代

5、码;else/JavaScript代码;,语法：,If-else语句 2-2,function cal()var num=document.calform.num.value;var price=document.calform.price.value;if(num!=“”).其他代码略，同上例,提示没有填写购买数量或者价格?,嵌套 if 语句 2-1,if(条件1)if(条件2)/JavaScript代码;,语法：,嵌套If语句 2-2,function cal()var num=document.calform.num.value;var price=document.calform.pr

6、ice.value;if(num!=“”).其他代码略，同上例,价格无意中输入负数，出现 bug 怎么办?,switch 语句 2-1,15,switch(表达式)case 常量1:JavaScript语句;break;case 常量2:JavaScript语句;break;.default:JavaScript语句;,语法：,switch语句 2-2,16,function cal()var num=document.calform.num.value;var price=document.calform.price.value;var grade;var pay=document.calf

7、orm.pay.value;switch(parseInt(pay)case 1:grade=0.9;break;case 2:grade=0.8;break;default:grade=1;break;var total=parseFloat(num)*parseFloat(price)*grade;document.calform.totalprice.value=total;alert(您享受了+grade*10+折优惠！);,招行支付 打9折 现金支付 打8折 其他 打10折,不打折,循环,for循环do-whilewhile,for循环例：var i;for(i=0;i10;i+)/

8、语句;,FOR 循环,For 循环演示document.write(打印金字塔直线);for(var i=0;i);,FOR 循环,如何实现,当i=5 时，,while循环 while(循环条件)/语句；dowhile循环 do/语句；while(循环条件);,WHILE和DOWHILE循环,先执行，后判断循环条件,.myfont font-size:150;color:#c99c96;font-family:Webdings/产生埃及图像的特殊字体 document.write(每个字符都对应一个漂亮的埃及图像);do var c=prompt(输入一个字符，输入N 或n停止,A);docu

9、ment.write(+c+);while(c!=N,WHILE和DOWHILE循环,输入一个字符，直到N停止，用哪个循环,JAVASCRIPT 函数,内置函数 eval 函数：用于计算字符串表达式的值 isNaN 函数：用于验证参数是否为 NaN（非数字）,var str1=prompt(“输入一个表达式，我给您计算,1+1);var result=eval(str1);document.write(str1+=+result);var x=prompt(输入一些数据,0);if(isNaN(x)alert(x+不是一个数字);else alert(x+是一个数字);,自定义函数,定义函数：function 函数名(参数1,参数2，)语句;调用函数：函数调用一般和表单元素的事件一起使用，调用格式为：事件名“函数名”;,function sum(one,two)var result=one+two;return result;,表示单击此按钮时，调用函数sum()执行,函数的应用,num1,num2,result,定义函数,定义函数compute()，完成计算的功能。op参数代表运算符号,调用函数,第一个数 第二个数 计算结果,