第二章-js变量与运算符课件.ppt

1、js变量与运算符变量与运算符v教学目标教学目标知识目标知识目标a.了解常量与变量了解常量与变量 b.掌握这是的取名规则掌握这是的取名规则c.掌握各种运算符的应用掌握各种运算符的应用d.了解常用运算符的优先级了解常用运算符的优先级js变量与运算符变量与运算符能力目标能力目标a.能熟悉掌握js的变量及运算符的应用情感目标情感目标 （1）培养学生对本学科的学习兴趣。 （2）培养学生严谨求实的工作态度以及感受美、评价美的艺术情操。 （3）培养学生在进行自主学习的过程中勇于克服困难，体验到成功后的快乐。 教学重点与难点教学重点与难点培养同学们对本学科的学习兴趣。培养同学们对本学科的学习兴趣。变量的声明变

2、量的声明自加，自减运算符自加，自减运算符 逻辑运算符逻辑运算符4声明变量声明变量 var a; “var” 用于声明变量的关用于声明变量的关键字键字 “a” 变量名变量名 同时声明和初始化变量同时声明和初始化变量 var a= 10;var a= 10;a = 10;声明变量声明变量 声明多个变量声明多个变量 var xvar x，y y，z = 10;z = 10;赋值赋值变量名取名规则变量名取名规则不能用特殊字符，如！,$ ,#,.%等变量名变量名A BC 不能用关键词作变量名： 如：this var if else等字母，数字，下划线等，不能以数字开头6声明变量声明变量 使用变量var

3、x;x=prompt(淘宝网竟拍，请出一口价,1) ;document.write(拍卖价格+x+) / +用来连接多个字符串document.write(恭喜您，您以最高价拍卖成功！);alert(欢迎下次光临！);定义变量赋 值输 出prompt(“提示信息”,”默认值”)将弹出提示对话框，接受用户的输入。点击确定返回输入的字符串，点击取消反馈空字符串。7变量 a、b 和 c 只能在其各自的函数中被访问 变量的作用域变量的作用域脚本脚本函数function1局部变量a函数function2局部变量b函数function3局部变量c可由函数 1、函数 2 和函数 3 访问全局变量 gg全局变

4、量不需要以 var 关键字进行声明，但局部变量则必须以此关键字来声明8浮点型浮点型字面量至少必须含有一个数字。此数字可包含小数点或采用科学记数法表示的数字。科学记数法中的整数可以是正整数(+) 或负整数(-)，指数(e) 表示“十次幂”。例如 10.24、1.20e+22、4E-8、.1815 等。常量常量整型整型浮点型浮点型字符串型字符串型字字 符符说说 明明示示 例例b退格符alert(“这是第一句 b 这是第二句”)f换页符alert(“这是第一局 f 这是第二句”)n换行符alert(“这是第一局 n 这是第二句”)r回车符alert(“这是第一局 r 这是第二句”)t制表符 aler

5、t(“这是第一局 t 这是第二句”)和C语言一样，js也有转义字符，常用的就是： “ n ”9 var x=100;var y;var z;document.write(竞拍SONY数码相机 600万像素 +x+$起价);y=prompt(加多少银子？,1); z=x+y; alert(您最终的出价n+z+$); /”n”用于换行显示 Prompt函数返回输入的字符串“+”号的用法号的用法-1 10020 ? bug+字符串相连：100+”200”20010 var x=100;var y;var z;document.write(竞拍SONY数码相机 600万像素 +x+$起价);y=pro

6、mpt(加多少银子？,1); z=x+parseFloat( y ); alert(您最终的出价n+z+$); /”n”用于换行显示 parseFloat( )函数将字符串转换为float数据 parseInt( )函数将字符串转换为int数据如果转换失败，返回NaN值(not a number)“+”号的用法号的用法-211运算符运算符 v运算符对一个或多个变量或值（操作数）进行运算，并返 回一个新值v根据所执行的运算，运算符可分为以下类别：算术运算符比较运算符逻辑运算符赋值运算符其它运算符12算术运算符算术运算符运算符说 明示 例+加a = 5 + 8-减a = 8 - 5/除a = 20

7、 / 5*乘a = 5*19%取模两个数相除的余数10 % 3 = 1+一元自加。该运算符带一个操作数，将操作数的值加 1。返回的值取决于 + 运算符位于操作数的前面或是后面例子将返回 x 自加运算后的值。x+ 将返回 x 自加运算前的值- -一元自减。该运算符只带一个操作数。返回的值取决于 - 运算符位于操作数的前面或是后面-x 将返回 x 自减运算后的值。x- 将返回 x 自减运算前的值13算术运算符算术运算符-1实现步骤：1.使用DreamWeaver设计页面2.指定各个文本框的名称3.切换为代码视图，编写脚本代码4.浏览并调试num1num2result14function calcu

8、( )var numb1= document.calc.num1.value;var numb2= document.calc.num2.value;var total=parseFloat(numb1)*parseFloat(numb2);document.calc.result.value=total; 计算总价并显示添加单击事件，单击按钮时调用“calcu()” 函数算术运算符算术运算符-2获取表单中输入的数据：document.表单名.表单元素名.value定义calcu( )计算函数,实现两个数相乘的功能.定义函数的语法： function 函数名(参数列表) /JavaScript

9、语句； 15比较运算符比较运算符比较运算符 2-1 运算符运算符说说 明明示示 例例= = 等于。如果两个操作数相等，则返回真。a = = b!=不等于。如果两个操作数不相等，则返回真。Var2 != 5大于。如果左边的操作数大于右边的操作数，则返回真。Var1 var2小于。如果左边的操作数小于右边的操作数，则返回真。Var2 var1=小于等于。如果左边的操作数小于或等于右边的操作数，则返回真。Var2 = 4Var2 =大于等于。如果左边的操作数大于或等于右边的操作数，则返回真。Var1 = 5Var1 = var216function calcu()var numb1= documen

10、t.calc.num1.value;var numb2= document.calc.num2.value;var total= parseFloat(numb1)*parseFloat(numb2);document.calc.result.value=total; if (total500) alert(购买总价超过500n支付时将赠送超级Q币2枚！);.其他代码略，同上例比较运算符比较运算符购买总价超过500，赠送超级Q币2枚！ 17逻辑逻辑运算符运算符逻辑运算符运算符运算符值值说说 明明与 ( &)expr1 & expr2只有当 expr1 和 expr2 同为真时，才返回真。否则，

11、返回假。或 ( | )expr1 | expr2如果其中一个表达式为真，或两个表达式同为真，则返回真。否则，返回假。非 (!)!expr如果表达式为真，则返回假。如果为假，则返回真。18function calcu()var numb1= document.calc.num1.value;var numb2= document.calc.num2.value;var total= parseFloat(numb1)*parseFloat(numb2);document.calc.result.value=total; if (total500) &(total1000) &(total2000

12、) alert(购买总价超过2000n请直接与贵宾台联系！);.其他代码略，同上例逻辑运算符逻辑运算符5001000 之间，赠送超级Q币两枚；10002000之间，赠送IBM智能鼠标一只；2000以上，直接与贵宾台联系。赋值运算符赋值运算符v= 如 var a= 10;v+=、-=，*=，/=,%=等等 如 a+=1; 相当于 a=a+120其它运算符其它运算符u三元运算符：?: 例子 条件？条件真时 : 条件假时u点运算符.uThisunew现场现场(先自行复习所记录笔记分钟先自行复习所记录笔记分钟)培养学习方法培养学习方法v 一组提问另一组操作（题目限定在本次课所授内容，老师只是在学生不能

13、做的时候提示，让学生自己操作，如果被提问的组不能解决问题，而提问的组能解决，可给提问级加分）？抢答抢答v1.var i=1;alert(i+);结果是？A: 1B: 2C: 0D:语句会出错抢答抢答v2.var a=1,b=2,c=+a+(-b)+a执行后；结果中哪些说法正确？A: a的值为2，b的值为1，c的值为3A: a的值为1，b的值为1，c的值为3A: a的值为2，b的值为1，c的值为2A: a的值为2，b的值为1，c的值为2总结与作业布置v作业布置：作业布置：建立一个站点，引用外部JS文件并测试+、-运算符。v复习复习：赋值运算符的应用，连接符的运用v预习：流程控制语句LOGOAdd your company slogan