第4章 JavaScript脚本语言基础(补充)

第4章JavaScript脚本语言基础4.1JavaScript简介4.2JavaScript语法基础4.3JavaScript中的内置对象和函数4.4JavaScript范例本章学习目标JavaScript脚本语言的数据类型与运算符JavaScript中主要的控制结构JavaScript中函数的编写JavaScript中内置对象和函数的使用4.1JavaScript简介4.1.1JavaScript的特点4.1.2JavaScript与其他语言的比较4.1.3JavaScript与HTML返回首页4.1.1JavaScript的特点1．JavaScript是一种脚本语言2．JavaScript是基于对象的语言3．JavaScript是事件驱动的语言4．JavaScript是安全的语言5．JavaScript是与平台无关的语言返回本节4.1.2JavaScript与其他语言的比较1．JavaScript与Java2．JavaScript与VBScript3．JavaScript与LiveWire4．JavaScript与PerlJavaScript与Java之间的一些主要区别有：Java是真正面向对象的语言，可以设计独立的应用程序。Java程序被编译成字节码文件再解释执行，客户端要有相应平台的解释器。JavaApplet由文档调用，其代码以字节码的形式保存在另一个独立的文件中。在HTML文档中，用标识＜APPLET＞来标明JavaApplet的引用。Java中采用强类型变量，即所有变量在使用前必须声明，并且只能表示一种类型的数据。返回本节4.1.3JavaScript与HTML为了运用JavaScript控制HTML页面上的对象，JavaScript的代码必须与HTML代码结合在一起。将JavaScript嵌入HTML页面时，必须使用＜SCRIPT＞标签，该标签使用形式如下：SCRIPTLANGUAGE=JavaScript//JavaScript代码/SCRIPT例4-1：HTMLHEADTITLE你好/TITLE/HEADBODYSCRIPTLANGUAGE=JavaScriptdocument.write(本网站欢迎您的光临！);/SCRIPT/BODY/HTML图4-1使用JavaScript显示“本网站欢迎您的光临!”返回本节4.2JavaScript语法基础4.2.1变量4.2.2表达式与运算符4.2.3基本语句4.2.4函数返回首页4.2.1变量1．JavaScript的数据类型2．变量的定义3．变量的命名1．JavaScript的数据类型（1）字符串。（2）数值类型。（3）布尔类型。（4）空类型。（5）对象类型。控制字符说明\b表示退格\f表示换页\n表示换行\r表示回车\t表示TAB符号\’表示单引号本身\”表示双引号本身表4-2JavaScript中的控制字符2．变量的定义JavaScript中采用弱类型变量，变量可以不做声明和不做类型说明，而在使用或赋值时确定类型。对变量声明的好处是能够及时发现程序中的错误，因为动态编译不易发现程序中的错误，特别是变量名称方面的。为了形成良好的编程风格，变量应该采取先定义再使用的方法。JavaScript中变量的定义用关键字var来实现。例如，定义一个名为id的变量：SCRIPTLANGUAGE=JavaScriptvarid;/SCRIPT3．变量的命名（1）变量名不能与保留字冲突。（2）变量名必须以字母或者下划线（_）开头，不能用数字或者其他非字母字符作为变量名开头。（3）变量名中不能包含空格。（4）JavaScript是区分大小写的，所以给变量命名时要考虑大小写的问题。返回本节4.2.2表达式与运算符1．算术运算符（1）加法运算符“+”：（2）减法运算符“-”：（3）乘法运算符“*”：（4）除法运算符“/”：（5）取模运算符“%”：（6）递增运算符“++”：（7）递减运算符“--”：2．位运算符（1）按位与“&”：对两个操作数进行与操作。（2）按位或“|”：对两个操作数进行或操作。（3）按位异或“^”：对两个操作数进行异或操作。（4）按位取非“~”：单目运算符，对操作数进行按位取非操作。（5）左移操作符“”：双目运算符，对左操作数进行向左移位，移动的位数为右操作数。（6）右移操作符“”：双目运算符，对左操作数进行向右移位，移动的位数为右操作数。（7）逻辑右移操作符“”：双目运算符，对左操作数进行向右移位，移动的位数为右操作数。3．逻辑运算符3．逻辑运算符（1）逻辑与“&&”：当两个操作数都为true时，结果为true，其他情况结果为false。（2）逻辑或“||”：当两个操作数都为false时，结果为false，其他情况结果为true。（3）逻辑非“!”：!true=false，!false=true。例如：!（12）=true，!（34）=false。4．比较运算符（1）等于“==”：判断两个操作数是否相等，若相等返回true，否则返回false。（2）不等于“!=”：判断两个操作数是否不相等，若不相等返回true，否则返回false。（3）小于“”：若左操作数小于右操作数返回true，否则返回false。（4）大于“”：若左操作数大于右操作数返回true，否则返回false。（5）小于等于“=”：若左操作数小于等于右操作数返回true，否则返回false。（6）大于等于“=”：若左操作数大于等于右操作数返回true，否则返回false。（7）严格等于“===”：比较时不进行类型转换，直接进行测试，如果两个操作数相等返回true，否则返回false。（8）严格不等于“!==”：比较时不进行类型转换，直接进行测试，如果两个操作数不相等返回true，否则返回false。5．赋值运算符（1）“=”：将右边的值赋给左边的变量。（2）“+=”：将左操作数与右操作数相加，结果赋值给左操作数。（3）“-=”：将左操作数减去右操作数，结果赋值给左操作数。（4）“*=”：将左操作数与右操作数相乘，结果赋值给左操作数。（5）“/=”：将左操作数除以右操作数，结果赋值给左操作数。（6）“%=”：将左操作数用右操作数求模，结果赋值给左操作数。（7）“&=”：将左操作数与右操作数按位与，结果赋值给左操作数。（8）“|=”：将左操作数与右操作数按位或，结果赋值给左操作数。（9）“^=”：将左操作数与右操作数按位异或，结果赋值给左操作数。（10）“=”：将左操作数左移，位数由右操作数确定，结果赋值给左操作数。（11）“=”：将左操作数右移，位数由右操作数确定，结果赋值给左操作数。（12）“=”：将左操作数进行无符号右移，位数由右操作数确定，结果赋值给左操作数。6．其他运算符（1）条件操作符“（condition）?:val1,val2”：惟一的一个三目运算符。（2）成员选择运算符“.”：用来引用对象的属性或方法。例如：document.write。（3）下标运算符“[]”：用来引用数组的元素。例如：arr[3]。（4）逗号运算符“,”：用来分开不同的值。例如：vara,b。（5）函数调用运算符“()”：用来表示函数调用。例如：myFounction()。（6）“delete”：用来删除对象、对象的属性、数组元素。（7）“new”：用来生成一个对象的实例。例如：newmyObject。（8）“typeof”：用来返回操作数的类型。例如：typeoftrue的值为boolean。（9）“void”：用于定义函数，表示不返回任何数值。例如：voidmyFounction()。（10）“this”：用来引用当前对象。7．运算符的优先级优先级运算符1成员选择、括号、函数调用、数组下标2!、-（负号）、++、--、typeof、new、void、delete3*、/、%4+、-5、、6、=、、=7==、!=、===、!==8&9^10|11&&12||13?:14=、+=、-=、*=、/=、%=、==、==、==、&=、|=、^=15逗号运算符（,）返回本节4.2.3基本语句1．条件语句2．循环语句3．其他语句1．条件语句（1）if语句。if语句是最基本、最简单的条件语句。if语句的格式：if(表达式){语句块;}例4-2：HTMLHEADTITLE使用if语句/TITLESCRIPTLANGUAGE=JavaScriptfunctionfun(){varage=document.ThisForm.Age.value;//获取网页表单上填写的年龄if(age18)alert(对不起，您未满18岁，没有权利投票！);//弹出对话框，显示提示信息returnfalse;//条件不符合，返回false，不能提交if(age=18)alert(请慎重投下您宝贵的一票！);//弹出对话框，显示提示信息returntrue;//条件符合，返回true，可以提交}/SCRIPT/HEADBODY!—表单，添加了ONSUBMIT事件--FORMNAME=ThisFormMETHOD=POSTACTION=ONSUBMIT=fun()P请填入您的年龄：INPUTTYPE=textNAME=AgeSIZE=20/PPINPUTTYPE=submitVALUE=投票NAME=B1INPUTTYPE=resetVALUE=重写NAME=B2/P/FORM/BODY/HTML图4-2使用if语句（2）if-else语句。if-else语句比if语句要复杂一些，如果条件为假时，需要执行另外一个语句，则可以使用if-else语句。if-else语句的格式：if(表达式){语句块1;}else{语句块2;}（3）switch语句。实际应用当中，很多情况下要对一个表达式进行多次判断，每一种结果都有不同的操作，这种情况下使用switch语句比较方便。switch语句的格式：switch(表达式){case值1：语句1;break;case值2：语句2;break;……case值n：语句n;break;default：语句;}图4-3使用switch语句2．循环语句（1）for语句。for循环语句是不断地执行一段程序，直到相应条件不满足，并且在每次循环后处理计数器。for语句的格式：for(初始表达式；循环条件表达式；计数器表达式){语句块；}例4-4：HTMLHEADTITLE使用for语句显示九九乘法表/TITLE/HEADBODYSCRIPTLANGUAGE=JavaScriptvari,j,s;document.write(九九乘法表：+br);//br是输出换行for(i=1;i10;i++){for(j=1;j=i;j++){s=i*j;document.write(s+);}document.write(br);}/SCRIPT/BODY/HTML图4-4使用switch语句（2）while语句。当程序需要执行一些语句，直到某个条件成立为止，而不是执行固定的次数时，可以使用while语句。while语句的格式：while(循环条件表达式){语句块；计数器表达式；}例4-5：HTMLHEADTITLE使用while语句/TITLE/HEADBODYSCRIPTLANGUAGE=JavaScriptvari=1,sum=0;while(i=100){sum=sum+i;i++;}alert(1到100的和为：+sum);//弹出