《ASP.NET程序设计教学课件作者徐占鹏单元二单元2母版、主题和皮肤--4javascript》由会员分享，可在线阅读，更多相关《ASP.NET程序设计教学课件作者徐占鹏单元二单元2母版、主题和皮肤--4javascript（79页珍藏版）》请在金锄头文库上搜索。
1、JavaScript基础,主讲教师：宋园园,大纲,了解什么是脚本程序和JavaScript JavaScript的基本语法 运算符 程序的流程控制 函数 对象 JavaScript的内部对象 专门用于对象的语句 数组,JAVASCRIPT简介,Javascript诞生于1995年，主要负责一些输入验证操作。 1992年Nombas开发了C-minus-minus(Cmm)与C相似，后改名为ScriptEase,后开发出可嵌入网页中的CEnvi版本，这是万维网首次使用脚本语言的标志。,什么是JavaScript,一万元整,Jeny Smiss,10,000/-,Jeny Smiss,A/c No
2、. 010077,瑞士银行,Jeny 想在银行存钱,验证 Jeny 帐户详细信息,余额,帐号,签名,帐户验证完毕,什么是JavaScript,同样，,Jeny,Jeny 想创建一个电子邮件帐户,J * 24 US,帐户 Id： 密码： 年龄： 国家：,*,这样，JavaScript 将验证数据并给出错误信息（如有）,什么是JavaScript,JavaScript 是一种脚本语言 alert(new Date(); 提供用户交互 动态更改内容 数据验证,将JavaScript嵌入网页,可以将 JavaScript 语句插入 HTML 文档，方式如下： 使用 标签将语句嵌入文档 将 JavaSc
3、ript 源文件链接到 HTML 文档中,使用 Script 标签,JavaScript 代码, document.write(“欢迎来到 JavaScript 世界“); 尽情享受学习的快乐! ,脚本代码,设置语言,脚本代码的位置,JavaScript代码可以放置在HTML任何位置 var x = 3; 这是一个HTML段落 alert(x); ,这是一个HTML段落 var x = 3; alert(x); ,将脚本程序代码作为属性值,javascript ,JavaScript的基本语法,JavaScript中的标识符 标识符是指JavaScript中定义的符号，例如， 变量名，函数名，
4、数组名等。标识符可以由任意顺序的大小写字母、数字、下划线（_）和美元符号（$）组成，但标识符不能以数字开头，不能是JavaScript中的保留关键字。 合法的标识符举例：indentifler、username、user_name、_userName、$username 非法的标识符举例：int、98.3、Hello World JavaScript严格区分大小写 computer和Computer是两个完全不同的符号 JavaScript程序代码的格式 每条功能执行语句的最后必须用分号（;）结束，每个词之间用空格、制表符、换行符或大括号、小括号这样的分隔符隔开。 JavaScript程序的注
5、释 /*.*/中可以嵌套“/”注释，但不能嵌套“/*.*/”,JavaScript中保留的关键字,abstract,boolean,break,byte,case,catch,char,class,continue,default,if,for,float,finally,final,false,extends,else,double,do,implements,import,instance,int,interface,long,native,new,null,backage,this,synchronized,switch,super,static,short,return,public,
6、protected,private,throw,throws,transient,true,try,void,volatile,while,基本数据类型与常量,整型常量 十六进制以0x或0X开头， 例如0x8a。 八进制必须以0开头，例如：0123。 十进制的第一位不能是0（数字0除外），例如：123。 实型常量 12.32、 192.98、 5E7、4e5等。 布尔值 true和false. null常量 undefined常量 字符串型常量 “this is JavaScript ppt”、abc、“a”、“”。 字符串中的特殊字符，需要以反斜杠（）后跟一个普通字符来表示，例如：r、n、
7、t、 b、 、 ”、 .,声明变量,同时声明和初始化变量 var a= 10;,a = 10;,声明变量,声明多个变量 var x, y, z = 10;,赋值,var a; “var” 用于声明变量的关键字 “a” 变量名,声明变量, 使用变量 var x; x=prompt(“淘宝网竟拍，请出一口价“,1) ; document.write(“拍卖价格“+x+“) / “+“用来连接多个字符串 document.write(“恭喜您，您以最高价拍卖成功！“); alert(“欢迎下次光临！“); ,定义变量,赋 值,输 出,prompt(“提示信息”,”默认值”) 将弹出提示对话框，接受用
8、户的输入。点击确定返回输入的字符串，点击取消反馈空字符串。,运算符,算术运算符 赋值运算符 比较运算符 逻辑运算符 位运算符,算术运算符,+ 加法运算符或正值运算符，例如： x+5， 6。 “+”还能实现多个字符串的相加，也能将字符串与其它的数据类型连成一个新的字符串，条件是该表达式中至少有一个字符串，例如：“x”+123的结果是“x123”. - 减法运算符或负值运算符，例如： 7 3, -8. * 乘法运算符，例如： 3*6. / 除法运算符，例如，9/4. % 求模运算符（也就算术中的求余）5/2. + 将变量值加1后再将结果赋给这个变量。 “”有两种用法：+x, x+. 1。前者是变量
9、在参与其它运算之前先将自己加1后再用新的 值参与其它的运算。例如：b= +a是a先自增，即a的值 加1后，才赋值给b; 2。后者是先用原值参与其它运算后，再将自己加1，例如： b=a+是先将a赋值给b后，a再自增。 - 将变量值减1后再将结果赋给这个变量，与+的用法一样。, var x=100; var y; var z; document.write(“竞拍SONY数码相机 600万像素“ +x+“$起价“); y=prompt(“加多少银子？“,“1“); z=x+y; alert(“您最终的出价n“+z+“$“); /”n”用于换行显示 ,Prompt函数返回输入的字符串,10020 ?
10、 bug,+字符串相连：100+”200”,200, var x=100; var y; var z; document.write(“竞拍SONY数码相机 600万像素“ +x+“$起价“); y=prompt(“加多少银子？“,“1“); z=x+parseFloat( y ); alert(“您最终的出价n“+z+“$“); /”n”用于换行显示 ,parseFloat( )函数将字符串转换为float数据 parseInt( )函数将字符串转换为int数据 如果转换失败，返回NaN值(not a number),赋值运算符,赋值运算符的作用是将一个值赋给一个变量，最常用的赋值运算符是“
11、=”。还可以由“=”赋值运算符和其它一些运算符组合产生一些新的赋值运算符，例如，“+=”,”*=”等。 = 将一个值或表达式的结果赋给变量 例如： x = 3; += 将变量与所赋的值相加后的结果再赋给该变量 例如：x += 3 等价于x = x + 3; -= 将变量与所赋的值相减后的结果再赋给该变量 例如：x -= 3 等价于x = x 3; *= 将变量与所赋的值相乘后的结果再赋给该变量 例如：x *= 3 等价于x = x * 3; /= 将变量与所赋的值相除后的结果再赋给该变量 例如：x /= 3 等价于x = x / 3; %= 将变量与所赋的值求模后的结果再赋给该变量 例如：x
12、%= 3 等价于x = x % 3;,比较运算符, 当左边操作数大于右边操作数时返回true,否则返回false. = 当左边操作数大于等于右边操作数时返回true,否则返回false. = 当左边操作数小于等于右边操作数时返回true,否则返回false. = 当左边操作数等于右边操作数时返回true,否则返回false. != 当左边操作数不等于右边操作数时返回true,否则返回false. 注意：不要将比较运算符“”误写成“”。,逻辑运算符,& 逻辑与，当左右两边操作数都为true时，返回true, 否则返回false. | 逻辑或，当左右两边操作数都为false时，返回false,否则
13、返回true. ! 逻辑非，当操作数为true时返回false, 否则返回true.,位运算符,任何信息在计算机中都是以二进制的形式保存的，位运算用于对操作数中的每一个二进制位进行运算，包括位逻辑运算符和位移运算符。 & 只有参加运算的两位都为1, 运算的结果才为1, 否则为0. | 只有参加运算的两位都为0, 运算的结果才为0, 否则为1. 只有参加运算的两位不同, 运算的结果才为1, 否则为0. 将左边的操作数在内存中的二进制数据右移右边操作数指定的位数，左边移空的部分，补上左边操作数原来的最高位的二进制位值。 将左边操作 数在内存中的二进制数据右移右边操作 数指定的位数，左边移空的部分补
14、0。,程序的流程控制,顺序结构 if条件选择语句 switch选择语句 while循环语句 do while语句 for循环语句 break与continue语句,if条件选择语句,1、 if(条件语句) 执行语句; if(x = null) 或if(typeof(x) =“undefined”) 可以简写成if(!x). 2、if(条件语句） 执行语句块1; else 执行语句2; 三目运算符： 变量 布尔表达式? 语句1：语句2; 例如： y = x 0 ? x : -x; 举例：如果购买金额大于1000，将给与95折的折扣,if条件选择语句,3、if(条件语句1) 执行语句1; else
15、 if(条件语句2) 执行语句2; else if(条件语句n) 执行语句n; else 执行语句n+1; ,switch选择语句,switch(表达式) case 取值1： 语句块1; break; case 取值2： 语句块2; break; . case 取值n： 语句块n; break; defaule： 语句块n+1; break; ,var x = 2; switch(x) case1: alert(“monday”); break; case 2: alert(“Tuesday”); break; case 3: alert(“wendnesday”); break; defau
16、lt: alert(“sorry, I dont know”); ,case 1: case 2: case 3: case 4: case 5: alert(“working day ”); break; default: alert(“off day”);,while循环语句,while(条件表达式语句) 执行语句块; var x = 1; while(x 3) / 如果这里加上分号会怎样呢？ alert(“x = ”+x); x+; ,do while 语句,do 执行语句块; while(条件表达式语句）; /注意这里的分号, .myfont font-size:150; color:#c99c96; font-f
