《JavaScript与Java》由会员分享，可在线阅读，更多相关《JavaScript与Java（85页珍藏版）》请在金锄头文库上搜索。
1、/ 85,1,第5章 JavaScript与Java Applet,本章主要内容JavaScript语句JavaScript的应用(重点)Java Applet基础Java Applet的应用(重点)本章理论授课8学时，上机操作4学时。,/ 85,2,5.1 JavaScript语言简介脚本(Script) 是完成某些特殊功能的程序。脚本既可以在服务器端运行（如ASP、PHP等），也可以在客户端运行。客户端脚本常用来检测浏览器的功能、响应用户的动作、验证表单数据及显示对话框等。客户端脚本驻留在客户机上(随网页下载)，因此在对网页进行验证或响应用户动作时无需与Web服务器通信，减少了网络传输量和
2、服务器负荷，改善了系统的速度性能。(但服务器脚本安全性较高)通常有三种方式将脚本添加到HTML页面：1. 使用script标记符；如2. 直接在html标记符内添加；如3. 引用包含脚本的外部文件。Sun推出Java之后，Netscape引进了Sun有关Java的概念，将自己原有的Livescript重新设计，并改名为JavaScript。 JavaScript是一种基于对象和事件驱动并具有安全性能的脚本语言，它可以产生具有交互功能的Web页面，并使网页变得生动。,/ 85,3,5.1.1 JavaScript的特点1简单性像VBScript一样，JavaScript也是解释性语言。它的基本结
3、构与C、C、VB、Delphi十分类似，但它不像这些语言需要先编译。它可以和HTML标识结合在一起，大大方便了用户的使用。2动态性JavaScript是动态的，它可以直接对客户输入做出响应，无须经过Web服务器。它对用户的响应，是采用事件驱动的方式进行的。所谓事件驱动，就是指在页面中执行了某种操作后产生的相应动作，比如按下鼠标、移动窗口、选择菜单等都可以视作事件。当事件发生后，可能会引起相应的事件响应。3跨平台性JavaScript具有跨平台性，只要浏览器支持JavaScript，它就能正确执行。目前常用的浏览器IE和网景都支持JavaScript。 4基于对象JavaScript是一种基于对
4、象的语言，它本身内置了一些基本的对象。利用JavaScript编制的程序可以直接使用这些对象来完成相应的功能，而不需要再由设计者来创建这些类。5良好的安全性JavaScript只能通过浏览器来实现信息的浏览和动态交互，而不允许直接写入本地硬盘或将数据保存到服务器上，也就是说，JavaScript不能直接对计算机中的目录和文件进行操作。,/ 85,4,基于以上特点，JavaScript在网页设计中得到了广泛的应用。 【例5.1】一个简单的JavaScript程序(运行结果如下图所示) JavaScript Demo1document.writeln(欢迎使用JavaScript！);docume
5、nt.writeln();document.writeln(悄悄的我走了，正如我悄悄的来； );document.writeln(我挥一挥衣袖，不带走一片云彩);,/ 85,5,5.1.2 JavaScript语言基础1.变量（1）变量的命名规则a）变量名必须以字母或下划线开始，其余字符可以是字母、数字、下划线等。b）变量名中除下划线作为连字符外，不能有空格、“”、“”、“，”或其他符号。c）不能使用JavaScript中的关键字作变量名。注意: JavaScript区分字母大小写。（2）JavaScript保留字在JavaScript中定义了40多个关键字，也称保留字。这些保留字是JavaS
6、cript内部使用 的，不能作为变量名、 函数名、方法名和对 象名。常用保留字如 右表所示。另外，内部的函 数名和对象名也是保 留字。,/ 85,6,（3）变量的类型在JavaScript中，变量的类型由其值的类型来决定。a）在JavaScript中，变量可以用命令var作声明：如 var mytest;如 var mytest=”This is a book”;b）在JavaScript中，变量可以不作声明，而在使用时再根据数据的类型来确定其变量的类型。如：x=100y=”125”xy=truecost=19.5这里，X为整数，Y为字符串，XY为布尔型，COST为实型。 （4）变量的声明及其
7、作用域对于一个用var声明的变量，可以在声明时赋给它一个特殊的常量null。若声明了一个变量，但不给它任何值（包括null），那么这个变量确实存在，但是却处于未定义状态，其类型为undefined，这时如直接引用，会产生一个错误。例如，此用法是错误的：var abc;var def=5*abc;变量的另一个重要属性就是变量的作用域。JavaScript中有全局变量和局部变量。全局变量定义在所有函数之外，其作用范围是所有函数；而局部变量定义在函数内，只在该函数内有效。,/ 85,7,2常量（1）整型常量可以用十六进制(如0x25)、八进制(如025) 、十进制表示。（2）实型常量可用科学计数形式
8、（如5E7）和标准计数形式表示。（3）布尔型有true和false两个值。（4）用单引号或双引号括起的一串字符。（5）空值null表示什么也没有，它可以和任何类型进行安全的转换，如：var x=null;var y=3*x;则y的值为0。（6）特殊字符同C语言一样，JavaScript同样有转义字符（也称控制字符）：b 退格 f 换页 n 换行 r 回车t Tab 单引号本身 ” 双引号本身,/ 85,8,3运算符（1）赋值符号= ：将右边表达式的值赋给左边的变量。+= ：将左右操作数相加的结果赋给左边的变量。-= ：将左边变量的值减去右边表达式的值赋给左边的变量。*= ：将左右操作数相乘的结
9、果赋给左边的变量。/= ：将左边变量的值除以右边表达式的值赋给左边的变量。%= ：将左边变量的值除以右边表达式的结果的余数赋给左边的变量。（2）单目运算符- ：改变操作数的符号（取反）。 ：操作数各位对应取补码值。+ + ：用于操作数之前或之后（自加1）。- - ：用于操作数之前或之后（自减1）。（3）双单目运算符+（加）、 -（减）、 *（乘）、 /（除）、%（模） （4）位操作符|（位或）、 （位异或）、 &（位与）、 （右移）（5）比较运算符= 、 != 、 = 、 、 （6）逻辑运算符： &（与）、 |（或）、 !（非）（7）字串运算符： +（首尾连接）,/ 85,9,4运算符的优先级
10、（从高到低） 括号单目运算算术运算比较运算位运算逻辑运算条件运算(?:)赋值运算5. 数据类型有数值型、逻辑型、字符串、undefined型、对象型等。注意：可以把对象看成是一个命名好的容器，可以容纳数据（如该容器的某个属性值）以及对这些数据采取操作。在JavaScript中，运算符typeof可以测试一个表达式的类型。例如，typeof(表达式)它的返回值可以是number（数值型）、string（字符型）、boolen（逻辑型）、object（对象型）、function（函数）、undefined（未定义）等。,/ 85,10,6. JavaScript语句JavaScript的语句之间要
11、用分号分隔，语句块用一对大括号括起来。语句块在语法上等同一条单语句。（1）简单语句a）赋值语句格式： 变量名表达式b）变量声明格式： var 变量名初始值，例：var name=”李强”,sex=”男”,age /age没有给初值，在程序中不能直接引用c）注释语句格式一： /单行注释内容格式二： /*多行注释内容*/,/ 85,11,（2）条件（分支）语句a）if条件语句if (条件式) 语句块1；else 语句块2；如果条件式成立，则执行语句块1，否则执行语句块2。【例5.2】程序运行结果如上图左，单击按钮，显示对话框如上图右。function ShowWindows(n) if (n=1)
12、 window.prompt(“这是第一个窗口“,“北京“);else if (n=2) window.prompt(“这是第二个窗口“,“上海“);else if (n=3) window.prompt(“这是第三个窗口“,“南京“); else window.prompt(“这是第一个窗口“);,/ 85,12,b)多分支语句switchSwitch (表达式) case 测试值1： 语句块1； break；case 测试值2： 语句块2； break；default： 语句块n； ,执行过程： 首先计算表达式的值，再寻找测试值与该值匹配的case支路执行。 说明：如果case部分没有br
13、eak语句，则和C语言一样会执行下一个case语句。因此，如果要控制在每种情况下只执行一个支路的语句，就必须在每一个case部分的执行语句之后加上一个break语句。所有case均不匹配时执行default支路的语句块。,/ 85,13,（3）循环语句a）for循环for (初始化；条件式；增量) 语句块； 除此之外，JavaScript中还有一种for循环，循环范围是一个对象所有的属性或者是一个数组的所有元素。其格式如下：for (变量 in 对象或数组) 语句块； b）while循环（当型）while (条件式) 语句块； c）do while语句（直到型。直到条件不成立。）Do 语句块；
14、 While(条件式)d）break和continue语句与C语言相同，使用break语句使得循环从for或while中跳出，而continue使得跳过循环内剩余的语句而进入下一次循环。,for (i=1；i10；i+) 语句块； ,/ 85,14,7自定义函数（1）格式：function 函数名（形式参数表）语句块； return 表达式 ；说明：函数由关键字function定义，函数值由return语句返回。在JavaScript的函数中有两个重要属性，就是当函数传递参数时建立的两个属性：functionName.arguments.length整数和functionName.argume
15、nts数组，前一个对应参数的个数，后一个对应了参数表中的每一项，即：functionName0表示第1项参数；functionName1表示第2项参数；（2）函数的返回结果函数中用return语句将函数的结果返回。如果省略表达式，或函数中没有return语句，则函数返回一个undefine类型的值。,/ 85,15,（3）函数中变量的声明（局部）函数内部变量通过var语句定义，一旦函数执行完成，这些变量就被释放。（4）函数的位置及其调用在JavaScript中要调用一个函数，首先必须定义声明它，定义声明的函数应放在调用函数之前。所以许多函数的定义都放在head头部，从而保证调用时不会出现错误。
16、函数的调用非常简单，直接给出函数名，并加上参数就行了。如： number=square(10); （5）函数的递归递归调用是程序设计里的一个术语，指的是函数直接或间接调用自己。,/ 85,16,【例5.3】用递归调用实现阶乘计算。（求 5！= 12345 ）function factoria(n) if(n=0)|(n=1)return 1;elsereturn n*factoria(n-1); document.write(“5的阶乘是：“,factoria(5); ,5!=54!=543!=5432!=54321!=54321,/ 85,17,5.1.3 JavaScript的常用对象Ja
17、vaScript是面向对象编程的。所谓“对象化编程”，意思是把JavaScript 能涉及的内容分成大大小小的对象，对象下面还可继续划分对象直至非常详细，所有的编程都以对象为出发点。小到一个变量，大到网页文档、窗口甚至屏幕，都是对象。JavaScript的对象可以是一段文字、一幅图片、一个表单等。每个对象有特定的属性、方法和事件。对象的属性是反映该对象某些特定的性质的，如字符串长度、图像的高宽、文本框的文字等；对象的方法能对该对象做一些操作，如表单的“提交”，窗口的“滚动”等；对象的事件能响应发生在对象上的事情，如提交表单产生表单的“提交事件”，点击产生“点击事件”。不是所有的对象都有以上三个性质，有些没有事件而只有属性。,
