《JavaScript教程及实例讲解》由会员分享，可在线阅读，更多相关《JavaScript教程及实例讲解（93页珍藏版）》请在金锄头文库上搜索。
1、JavaScript 教程及实例讲解.JS 简介及特点JavaScript语言的前身叫作 Livescript。自从 Sun公司推出著名的 Java语言之后，Netscape 公司引进了 Sun公司有关 Java的程序概念，将自己原有的 Livescript 重新进行设计，并改名为JavaScript。JavaScript 是一种基于对象和事件驱动并具有安全性能的脚本语言，有了 JavaScript，可使网页变得生动。使用它的目的是与 HTML超文本标识语言、Java 脚本语言一起实现在一个网页中链接多个对象，与网络客户交互作用，从而可以开发客户端的应用程序。它是通过嵌入或调入在标准的 HTM
2、L语言中实现的。JavaScript具有很多优点：1.简单性:-JavaScript 是一种脚本编写语言，它采用小程序段的方式实现编程，像其它脚本语言一样，JavaScript同样已是一种解释性语言，它提供了一个简易的开发过程。它的基本结构形式与C、C+、VB、Delphi 十分类似。但它不像这些语言一样，需要先编译，而是在程序运行过程中被逐行地解释。它与 HTML标识结合在一起，从而方便用户的使用操作。2.动态性:-JavaScript 是动态的，它可以直接对用户或客户输入做出响应，无须经过 Web服务程序。它对用户的反映响应，是采用以事件驱动的方式进行的。所谓事件驱动，就是指在主页中执行了
3、某种操作所产生的动作，就称为“事件” 。比如按下鼠标、移动窗口、选择菜单等都可以视为事件。当事件发生后，可能会引起相应的事件响应。3.跨平台性:-JavaScript 是依赖于浏览器本身，与操作环境无关，只要能运行浏览器的计算机，并支持JavaScript的浏览器就可以正确执行。4.节省 CGI的交互时间:-随着 WWW的迅速发展有许 WWW服务器提供的服务要与浏览者进行交流，确浏览的身份、需服务的内等等，这项工作通常由 CGI/PERL编写相应的接口程序与用户进行交互来完成。很显然，通过网络与用户的交互过程一方面增大了网络的通信量，另一方面影响了服务器的服务性能。服务器为一个用户运行一个 C
4、GI时，需要一个进程为它服务，它要占用服务器的资源(如 CPU服务、内存耗费等)，如果用户填表出现错误，交互服务占用的时间就会相应增加。被访问的热点主机与用户交互越多，服务器的性能影响就越大。JavaScript是一种基于客户端浏览器的语言，用户在浏览中填表、验证的交互过程只是通过浏览器对调入 HTML文档中的 JavaScript源代码进行解释执行来完成的，即使是必须调用 CGI的部分，浏览器只将用户输入验证后的信息提交给远程的服务器，大大减少了服务器的开销。 .JS 与 Java的区别JavaScript语言和 Java语言是相关的，但它们之间的联系并不像想象中的那样紧密。二者的区别体现在
5、：首先，它们是两个公司开发的不同的两个产品，Java 是 SUN公司推出的新一代面向对象的程序设计语言，特别适合于 Internet应用程序开发；而 JavaScript是 Netscape公司的产品，其目的是为了扩展Netscape Navigator功能,而开发的一种可以嵌入 Web页面中的基于对象和事件驱动的解释性语言。其次，JavaScript 是基于对象的，而 Java是面向对象的，即 Java是一种真正的面向对象的语言，即使是开发简单的程序，必须设计对象。JavaScript 是种脚本语言，它可以用来制作与网络无关的，与用户交互作用的复杂软件。它是一种基于对象和事件驱动的编程语言。
6、因而它本身提供了非常丰富的内部对象供设计人员使用。第三，两种语言在其浏览器中所执行的方式不一样。Java 的源代码在传递到客户端执行之前，必须经过编译，因而客户端上必须具有相应平台上的仿真器或解释器，它可以通过编译器或解释器实现独立于某个特定的平台编译代码的束缚。JavaScript 是一种解释性编程语言，其源代码在发往客户端执行之前不需经过编译，而是将文本格式的字符代码发送给客户，由浏览器解释执行。第四，两种语言所采取的变量是不一样的。Java 采用强类型变量检查，即所有变量在编译之前必须作声明。JavaScript 中变量声明，采用其弱类型。即变量在使用前不需作声明，而是解释器在运行时检查
7、其数据类型。第五，代码格式不一样。Java 是一种与 HTML无关的格式，必须通过像 HTML中引用外媒体那么进行装载，其代码以字节代码的形式保存在独立的文档中。JavaScript 的代码是一种文本字符格式，可以直接嵌入 HTML文档中，并且可动态装载。编写 HTML文档就像编辑文本文件一样方便。第六，嵌入方式不一样。在 HTML文档中，两种编程语言的标识不同，JavaScript 使用 . 来标识，而 Java使用 . 来标识。第七，静态绑定和动态绑定。Java 采用静态联编，即 Java的对象引用必须在编译时的进行，以使编译器能够实现强类型检查。JavaScript 采用动态联编，即 J
8、avaScript的对象引用在运行时进行检查，如不经编译则就无法实现对象引用的检查。.JS 的运行环境在目前流行的浏览器中，Netscape 公司的 Navigator 2.0以上版本的浏览器具都有处理 JavaScript源代码的能力。JavaScript 在其中实现了它的 1.0版本，并在后来的 Navigator 3.0实现了它的 1.1版本，在现在推出的 Navigator 4.0（Communicator）中,JavaScript 在其中实现了它的 1.2版本。微软公司从它的 Internet Explorer 3.0版开始支持 JavaScript。Microsoft 把自己实现的
9、JavaScript规范叫做 JScript。这个规范与 Netscape Navigator浏览器中的 JavaScript规范在基本功能上和语法上是一致的，但是在个别的对象实现方面还有一定的差别，这里特别需要予以注意。.JS 的数据类型和变量JavaScript 有六种数据类型。主要的类型有 number、string、object 以及 Boolean 类型,其他两种类型为 null 和 undefined。String 字符串类型:字符串是用单引号或双引号来说明的。 （使用单引号来输入包含引号的字符串。）如：“The cow jumped over the moon.” 数值数据类型：
10、JavaScript 支持整数和浮点数。整数可以为正数、0 或者负数；浮点数可以包含小数点、也可以包含一个 “e” （大小写均可，在科学记数法中表示“10 的幂” ） 、或者同时包含这两项。 Boolean 类型：可能的 Boolean 值有 true 和 false。这是两个特殊值，不能用作 1 和 0。 Undefined 数据类型：一个为 undefined 的值就是指在变量被创建后，但未给该变量赋值以前所具有的值。 Null 数据类型：null 值就是没有任何值，什么也不表示。 object类型：除了上面提到的各种常用类型外，对象也是 JavaScript中的重要组成部分，这部分将在后
11、面章节详细介绍。 在 JavaScript 中变量用来存放脚本中的值，这样在需要用这个值的地方就可以用变量来代表，一个变量可以是一个数字，文本或其它一些东西。JavaScript是一种对数据类型变量要求不太严格的语言，所以不必声明每一个变量的类型，变量声明尽管不是必须的，但在使用变量之前先进行声明是一种好的习惯。可以使用 var 语句来进行变量声明。如：var men = true; / men 中存储的值为 Boolean 类型。 变量命名:JavaScript 是一种区分大小写的语言，因此将一个变量命名为 computer 和将其命名为 Computer是不一样的。另外，变量名称的长度是任
12、意的，但必须遵循以下规则：.第一个字符必须是一个字母（大小写均可） 、或一个下划线(_)或一个美元符 ($)。.后续的字符可以是字母、数字、下划线或美元符。.变量名称不能是保留字。 .JS 的语句及语法JavaScript所提供的语句分为以下几大类：1.变量声明，赋值语句：var。语法如下： var 变量名称 =初始值例：var computer = 32 /定义 computer是一个变量，且有初值为 32。2.函数定义语句：function，return。语法如下： function 函数名称 （函数所带的参数） 函数执行部分 return 表达式 /return 语句指明将返回的值。 例
13、：function square ( x ) return x*x 3.条件和分支语句：if.else，switch。if.else语句完成了程序流程块中分支功能：如果其中的条件成立，则程序执行紧接着条件的语句或语句块；否则程序执行 else中的语句或语句块。 语法如下： if (条件) 执行语句 1else 执行语句 2 例：if (result = true) response = “你答对了！” else response = “你错了！” 分支语句 switch可以根据一个变量的不同取值采取不同的处理方法。语法如下： switch (expression) case label1: 语
14、句串 1；case label2: 语句串 2； case label3: 语句串 3；. default: 语句串 3；如果表达式取的值同程序中提供的任何一条语句都不匹配，将执行 default中的语句。 4. 循环语句：for， for.in，while,break,continue。for语句的语法如下： for (初始化部分；条件部分；更新部分) 执行部分. 只要循环的条件成立，循环体就被反复的执行。for.in语句与 for语句有一点不同，它循环的范围是一个对象所有的属性或是一个数组的所有元素。for.in语句的语法如下： for (变量 in 对象或数组) 语句. while语句所
15、控制的循环不断的测试条件，如果条件始终成立，则一直循环，直到条件不再成立。语法如下： while (条件)执行语句. break语句结束当前的各种循环，并执行循环的下一条语句。continue语句结束当前的循环，并马上开始下一个循环。5.对象操作语句：with，this，new。with语句的语法如下：with (对象名称)执行语句 作用是这样的：如果你想使用某个对象的许多属性或方法时，只要在 with语句的（）中写出这个对象的名称，然后在下面的执行语句中直接写这个对象的属性名或方法名就可以了。 ew语句是一种对象构造器，可以用 new语句来定义一个新对象。语法是这样的：新对象名称 new 真
16、正的对象名 譬如说，我们可以这样定义一个新的日期对象： var curr new Date()，然后，变量 curr就具有了 Date对象的属性。 this 运算符总是指向当前的对象。 6.注释语句：/，/*.*/。/这是单行注释/*这可以多行注释. */ .JS 的对象及其属性和方法在 JavaScript中是基于对象的编程，而不是完全的面向对象的编程。那麽什麽是对象呢？如果你学过一些 VB的编程，对这个名词一定不会陌生。通俗的说，对象是变量的集合体，对象提供对于数据的一致的组织手段，描述了一类事物的共同属性。 在 JavaScript中，可以使用以下几种对象：.由浏览器根据 web页面的内容自动提供的对象。.JavaScript 的内置对象，如 Date,Math等。.服务器上的固有对象。.用户自定义的对象。 JavaScript 中的对象是由属性和方法两个基本的元素的构成的。
