第三章 JavaScript第一部分.ppt

1、第三章，JavaScript语法基础，第二章，目标，理解什么是JavaScript以及JavaScript如何嵌入到超文本标记语言中，理解变量、数据类型和运算符，掌握if-else和switch语句，第三章，什么是JAVAScript 3-1，一万元整，Jeny Smiss，10，000/-，A/cNo。010077，Jeny想在银行存钱，验证Jeny的账户详细信息，余额，账号，签名，账户验证完成，银行，4，什么是JavaScript 3-2，类似地，Jeny想创建一个电子邮件账户，美国，账号标识：密码：年龄：国家：JavaScript将验证数据并给出错误信息(如果有)；5.什么是JavaSc

2、ript，JavaScript是一种脚本语言，它提供用户交互来动态更改内容数据验证；6.将JavaScript嵌入网页可以将JavaScript语句插入到超文本标记语言文档中。方法如下：使用标签在文档中嵌入语句，并将JavaScript源文件链接到HTML文档；7.使用脚本标签、JavaScript代码和文档。享受学习的快乐！脚本代码，设置语言，8，使用外部JS文件，外部JavaScript文件可以链接到SRC(源文件)属性的脚本标记在超文本标记语言文档中可以用来包括这个外部文件，9，使用外部文件通过访问外部JavaScript文件显示上述文本，使用外部JS文件，JavaScript代码(te

3、st.htm)，10，变量，变量名必须以字母或下划线(_)开头。变量可以包含数字，大写和小写字母从A到z。JAVAScript是区分大小写的，也就是说，变量myVar，myVAR和myvar是不同的变量，11，声明变量，Var A；“var”用于声明变量的关键字“a ”,并声明和初始化变量var a=10，a=10，声明变量，声明多个变量var x，y，z=10，赋值，也可以不用声明直接使用，系统会自动声明变量。但是，不建议使用，12，声明变量，并使用变量var x；x=提示(淘宝实拍，请拍个价，1)；文档。写(拍卖价格x) /用于连接多个字符串文档。写(祝贺您，您以最高价格成功拍卖！)；提醒

4、(欢迎下次光临！)；定义变量，赋值，输入，提示(“提示信息”，“默认值”)会弹出提示对话框接受用户的输入。单击确定返回输入字符串，单击取消反馈空字符串。、13、变量a、b和c只能在它们各自的函数、变量范围、脚本、函数1局部变量a、函数2局部变量b、函数3局部变量c中访问，这些变量可以由函数1、函数2和函数3访问，全局变量gg、全局变量不需要用var关键字声明，但是局部变量必须用这个关键字声明。14，常量，整数浮点字符串类型，像C语言一样，js也有转义字符，常用为：“n”，15，数据类型，16，var x=100var y；var z；文档编写(对600万像素的SONY数码相机的投标x起拍价)；

5、y=提示(要加多少钱？1)；z=x y；警报(您的最终出价是n z $)；/n 用于换行显示，提示功能返回输入字符串，并且 的用法是-1，100200？错误，字符串连接：100 200 ，200，17，var x=100var y；var z；文档编写(对600万像素的SONY数码相机的投标x起拍价)；y=提示(要加多少钱？1)；z=x ParseFloat(y)；警报(您的最终出价是n z $)；/n 用于换行显示。函数的作用是：将字符串转换成浮点数据。函数的作用是：将字符串转换成整型数据。如果转换失败，它将返回NaN值(不是数字)。“”-2，18运算符的用法是对一个或多个变量或值(操作数)

6、进行运算。并返回一个新值。根据所执行的操作，运算符可分为以下几类：算术运算符比较运算符逻辑运算符19运算符20算术运算符-1。实施步骤：1 .使用DreamWeaver 2设计页面。指定每个文本框的名称3。切换到代码视图并编写脚本代码4。浏览和调试，21。函数calc()varnum 1=document . calc . var num 2=document . calc . num 2 . value；var total=parseFloat(num 1)* parseFloat(num 2)；document . calc . result . value=total；计算总价并显示，添

7、加一个点击事件，调用 calc()函数和算术运算符-2当点击该按钮时，得到在表单中输入的数据：单据。表单名称。表单元素名称。值，定义calculation()计算函数，并实现两个数相乘的功能。定义函数的语法：函数函数名(参数列表)/JavaScript语句；22，比较运算符，比较运算符，23，函数calc()var num 1=document。calc . num 1 . value；var numb 2=document . calc . num 2 . value；var total=parseFloat(num 1)* parseFloat(num 2)；document . calc

8、 . result . value=total；如果(总共500个)警告(当总购买价格超过500n时，将给出2个超级Q硬币！)；其他代码省略，如上例，比较运算符，总购买价格超过500，赠送2个超级q币！24，运算符，逻辑运算符，25，函数calc()var num 1=document . calc . num 1 . value；var numb 2=document . calc . num 2 . value；var total=parseFloat(num 1)* parseFloat(num 2)；document . calc . result . value=total；如果(总

9、计500)。其他代码被省略，如在上面的例子中，逻辑运算符在5001000之间，并给出两个超级Q硬币；在10002000之间，给一个IBM智能鼠标；2000多，直接联系贵宾室。26、条件语句用于测试条件。if(条件)JavaScript代码；语法：如果语句2-1，如果要执行多个语句，必须将这些语句放在一对大括号()中。但是，如果只需要执行一条语句，可以省略大括号27，函数calc()var num 1=document。calc . num 1 . value；var numb 2=document . calc . num 2 . value；如果(numb1！=)。省略了其他代码，如上面的示

10、例If语句2-2。如果用户遗漏了输入框中的数据，为什么会出现NaN错误？28，if else语句2-1，if(条件)/JavaScript代码；Else /JavaScript代码；语法：29，If-else语句2-2，提示未填写购买数量或拍卖价格？30，函数calc()var num 1=document . calc . num 1 . value；var numb 2=document . calc . num 2 . value；如果(numb1！=)，31，if(条件1) if(条件2) /JavaScript代码；语法：嵌套if语句2-1，32，嵌套If语句2-2，采购数量意外输入

11、负数，如果有错误该怎么办？33，函数calc()var num 1=document . calc . num 1 . value；var numb 2=document . calc . num 2 . value；如果(numb1！=).34，switch语句2-1，switch(表达式)大小写常量1 : JavaScript语句；打破；案例常量2 : JavaScript语句；打破；默认： JavaScript语句；语法：35，切换语句2-2，下拉列表框的选项和值支付，调用银行转帐打30折，邮政汇款打30折，Q货币支付打10折，36，var f=文档。calc . pay . value；/支付方式代码var等级；/贴现率vartotal=parse float(num 1)* parse float(num 2)；开关(parseInt(f)情况1:等级=0.6；/给予40%的折扣优惠；案例2:同样，玩30%和20%的其他方式。案例4:等级=0.9；/给10%的折扣；默认：提醒(请重新选择付款方式！)；返回；var money=total *等级；/根据折扣率，计算出实际总价单据。calc.result.value=货币