第七章JavaScript

第七章JavaScript退出7.1JavaScript概述7.2JavaScript的词法规则7.3JavaScript的基本数据类型7.4JavaScript的表达式和运算符7.5JavaScript的基本语句7.6JavaScript函数7.7JavaScript对象和数组7.1JavaScript概述•HTML只能提供静态信息资源，缺少客户端与服务器的动态交互•JavaScript是一种基于对象和事件驱动的脚本语言，可实现与客户端进行交互JavaScript脚本可在客户端运行，也可在服务器端运行bodyscriptlanguage=JavaScriptvarstrName=陈会安;varintBalance=1000;varblnSex=true;document.write(账户名称：+strName+br);document.write(性别：+blnSex+br);document.write(账户余额：+intBalance+br);/script/body客户端运行实例bodyscriptlanguage=JavaScriptrunat=servervarstrName=陈会安;varintBalance=1000;varblnSex=true;response.Write(账户名称：+strName+br);response.Write(性别：+blnSex+br);response.Write(账户余额：+intBalance+br);/script/body服务器端运行实例JavaScript在客户端运行时的部分功能：1.动态的文件内容2.更改HTML标记的样式和属性3.表单验证和送出4.处理网页或HTML标记的事件可以用JavaScript编写asp网页访问数据库中的数据我们主要学习JavaScript的客户端编程JavaScript是混在网页文件（htm文件）中的，用scriptlanguage=“JavaScript”JavaScript代码/script标记告知浏览器网页文件中包含了JavaScript代码headtitle第一份javascript程序/title/headbodyscriptlanguage=JavaScriptdocument.write(第一份JavaScript程序br);/script/body例子在head/head标记中设定：metahttp-equiv=“Content-Srcipt-Type”content=“text/JavaScript”后，表示所有script标记中如果不设定属性language，则默认为JavaScript代码可以在html文件中插入多个script标记，这些脚本按它们在html文件中的顺序依次执行headtitle第一份javascript程序/titlemetahttp-equiv=Content-Srcipt-Typecontent=text/JavaScript/headbodyscriptdocument.write(第一段JavaScript程序br);/scriptp这是间隔/pscriptdocument.write(第二段JavaScript程序br);/script/body例子JavaScript代码（用script标记包围）可以放在网页文件的任何地方。一般的规律：1.函数和事件处理函数放在html的head/head标记内2.其它代码或调用函数的程序块放在body/body标记中headscript函数事件处理函数script/headbody网页内容script调用函数的程序块script/body学习JavaScript注意的地方：•JavaScript与c语言和c++语言有很多相同的地方•注意对象的概念•注意事件的概念7.2JavaScript的词法规则（与c语言基本相同）•大小写敏感•以分号作为语句结束符•以//作为单行注释符•以/*和*/作为多行注释符•标识符第一个字符为字母、下划线_、或美元符号$，接下来可以是任意数字、下划线、美元符号和字母。•不能使用JavaScript的关键字作为标识符7.3JavaScript的基本数据类型•数值型（整合了整型和实型两种类型）•字符串型（用“”或‘’括起来的若干个字符）•布尔型（值为true和false）比c语言少了几种变量定义格式：var变量名varmsg1;varmsg2=20;varmsg3=null;msg1=“大家好！”;JavaScript是一种弱类型语言，一个变量可以存放不同类型的数据vara,b;a=20;b=‘mygod’;//a+b错误b=40;a=a+b;//正确不同数据类型进行运算时，系统会进行数据类型的强制转换：布尔值true强制转换成字符串“true”，”1”布尔值false强制转换成字符串“false”，”0”布尔数字字符串转换转换7.4JavaScript的表达式和运算符（与c语言基本相同）算术运算符说明例子+两个操作数的加法3+5=8-两个操作数的减法9-2=7*两个操作数的乘法2*3=6/两个操作数的除法3/2=1.5%求两个操作数相除的余数12%5=2++单一操作数加一varx=3;++x;--单一操作数减一vary=16;y--;-单一操作数取反varx=3;x=-3;算术运算符及算术表达式比较运算符及比较表达式比较运算符说明例子==等于2==2(true)3==3(true)!=不等于3!=4(true)1!=1(false)大于74(true)32(true)小于52(false)'6'8(true)=大于等于7=7(true)3=2(true)=小于等于4=1(false)5='3'(false)===恒等于2===2(true)3===3(false)!==恒不等于3!==4(true)1!=='1'(true)当操作数类型不同时进行类型转换当操作数类型不同时不进行类型转换逻辑运算符及逻辑表达式（与c语言相同）逻辑运算符说明例子&&逻辑与(全真为真，其余为假)true&&true(true)(true&&false)&&true(false)||逻辑或(全假为假，其余为真)false||(true&&false)(false)(false&&true)||true(true)!逻辑非(非真即假，非假即真)!true(false)!((true||false)&&false)(true)赋值运算符及赋值表达式（与c语言相同）赋值运算符例子等价于=x=5+=x+=7x=x+7-=x-=6x=x-6*=x*=5+3x=x*(5+3)/=x/=6-4x=x/(6-4)%=x%=3x=x%3字符串运算符及字符串表达式（与c语言相同）字符串运算符说明例子+连接两个字符串varstrA=Java;varstrB=Script;str=strA+strB;str的值是JavaScript+=连接两个字符串，然后赋值varstrA=Hello;varstrB=World;strA+=strB;strA的值是HelloWorld条件运算符及条件表达式条件运算符有3个操作数，格式如下：varvarA=条件式?valueB:valueC当条件式成立时，valueB会被赋给varA，否则将valueC赋给varA。例如：varmin=6=7?6:7;varmax=67?6:7;思考：假设x、y、z三个变量均已赋值，请写出求三个变量中最大值和最小值的条件表达式。7.5JavaScript的基本语句选择语句语法：1.if()语句2.if()语句else语句3.switch(){case“”:语句1；break;case“”:语句2；break;…case“”:语句n；break;default:语句n+1；}scriptlanguage=JavaScriptvarmonkey_love=prompt(你喜欢网猴吗？,敲入是或否。);if(monkey_love==“是”){alert(谢谢！很高兴您能来这儿！请往下读吧！);}/script例子if语句语法与c语言相同switch语句switch(表达式){case常量表达式1:语句段1;break;case常量表达式2:语句段2;break;……case常量表达式n-1:语句段n-1;break;default:语句段n;}执行过程：首先计算表达式的值，当表达式的值与某个case后面的常量表达式的值相等时，就执行此case后面的语句段；若所有case后的常量表达式的值都不与表达式的值相等，就执行default后面的语句段。break的作用：当某个case后面的语句段执行完后，直接跳出整个switch控制语句。例根据用户的不同操作在页面上显示不同的信息htmlheadscriptlanguage=JavaScriptvarname=prompt(请输入您的大名：,);//弹出提示窗口varuser=DaVinci;switch(name){case:document.write(您没有输入任何信息!);break;casenull:document.write(您取消了操作!);break;caseuser:document.write(欢迎,name,光临!);break;default:document.write(欢迎,name,加入!);}/script/head/html例子JavaScript中switch语句与c语言中的switch语句的区别：•多个case后面的常量表达式可以是不同数据类型（c语言中必须相同）•case后面的常量表达式可以使用数值、布尔或字符串switch(name){case:document.write(信息!);break;casenull:document.write(操作!);break;case333:document.write(光临!);break;default:document.write(欢迎,name,加入!);}基本循环语句（与c语言相同）：•while语句•for语句•dowhile语句while语句语法：while(条件表达式)｛语句块｝scriptlanguage=JavaScriptvarpassword=passthewrench;varanswer;while(answer!=password){answer=prompt(What'sthewoyd?,);}/scriptbody通过验证！/body例子for语句语法：for(初始值；条件表达式；步长)｛语句块｝例子：for(i=1;i=5;i++){document.write(“数字:”＋i＋”br”);}例子dowhile循环例子：do｛document.write(“数字:”＋i＋”br”);intTotal+=i;++i;｝while(i=5)break和continue这两个命令只能在循环体中使用break还可以在switch中使用break跳出当前循环continue跳出本次循环7.6JavaScript函数作用：1.封装那些在程序中可能要多次用到的模块2.可作为事件驱动的结果而调用的程序，从而实现一个函数与事件驱动相关联。JavaScript函数定义function函数名（参数列表）{函数体;Return表达式;}调用方式：函数名(实参表);实参是传送给被调用函数的实际参数值。实参可以是常量、变量和表达式，实参必须有确定的值；在函数体内改变某个传进来的参数值，并不会对函数外的实参值造成影响。例如：functioninc(n){n