JavaScript是一种基于对象Object和事件驱动Event.docx

JavaScript是一种基于对象Object和事件驱动Event.docx

《JavaScript是一种基于对象Object和事件驱动Event.docx》由会员分享，可在线阅读，更多相关《JavaScript是一种基于对象Object和事件驱动Event.docx（21页珍藏版）》请在冰豆网上搜索。

JavaScript是一种基于对象Object和事件驱动Event

1

11

第

第

章

章导读

JavaScript概述

JavaScript简介

JavaScript开发环境和编写工具

在HTML中嵌入JavaScript的方法

JavaScript的说明语句

在不兼容的浏览器中隐藏

JavaScript代码

随着Internet的飞速发展，越来越多的人每天都要访问各种不同的Internet站点。

使用浏览器访问到的站点，既有静态的文本、图像，也有动态的动画、信息框以及变化的状态栏提示、动态变换的时钟信息等。

有的页面甚至还有需要填写并提交的消息框，以及非常新颖的网页特效。

页面上这些实时的、动态的、可交互的网页效果就可以通过使用JavaScript语言编写代码来实现。

1.1JavaScript简介

JavaScript是一种基于对象（Object）和事件驱动（EventDriven）并具有安全性能的脚本语言。

它可以嵌入到HTML文档中使网页更加生动活泼，并具有交互性。

HTML语言是网页设计普遍采取的一种超文本标记语言，但HTML自身不能为网页提供很多动态支持，它只能创建超链接以允许用户浏览不同的HTML文档。

HTML也不能接受用户输入，更不能对用户请求作出反应。

JavaScript的出现弥补了HTML语言的缺陷，是Web上新的、强大的编程语言。

1.1.1JavaScript语言简史

一种编程语言通常是由另外一种编程语言演变而来的，JavaScript的发展历史还得从Java谈起。

Java最初是SunMicrosystems公司为了在实时嵌入式系统中使用而开发的。

最初只有HotJava支持Java，而HotJava正是Sun公司为支持Java而开发的一种实验性Web浏览器。

当Netscape公司在认识到Java的巨大潜力后，便把它和自己开发的Web浏览器——NetscapeNavigator结合到一起。

Netscape公司最初开发了一个LiveScript语言，在Navigator和Web服务器产品中加进了基本的脚本功能。

当Navigator2.0中加进了Java小程序支持后，Netscape公司便把最初的LiveScript更名成了JavaScript。

接着，Microsoft公司的浏览器InternetExplorer3.0也开始支持JavaScript。

此后，许多公司相继宣布承认JavaScript为Internet上的开放式脚本编写标准，并且把它添加到了自己的产品中。

因此，目前流行的浏览器都支持JavaScript。

JavaScript因而也日益流行起来。

1.1.2JavaScript和Java的区别

尽管Java与JavaScript名称相似，但这两种语言却有许多显著的差别。

首先，它们是两个公司开发的两个不同的产品。

Java是Sun公司推出的新一代面向对象的程序设计语言，特别适合Internet应用程序的开发。

而JavaScript是Netscape公司的产品，它是为了扩展NetscapeNavigator功能而开发的一种可以嵌入Web页面中的基于对象和事件驱动的解释性语言。

其次，它们有各自的特点。

例如，JavaScript是用于HTML功能的，提供了能够响应Web页面事件的脚本。

这样，它可以完全访问浏览器窗口的各个部分。

而Java是用于实现嵌入Web页面的可执行内容的。

因此，它具有更强大的编程功能，但这些功能限制在有限的浏览器窗口区中。

下面从以下几个方面对这两种语言作一下比较。

1．编译与解释

Java与JavaScript之间最显著的区别是执行方式的不同。

❑Java是编译语言，用于开发安全的、高性能的Web应用程序。

Java的源代码在传递到客户端执行之前，必须经过编译，因而客户端上必须具有相应平台上的仿真器或解释器，Java可以通过编译器或解释器实现独立于某个特定的平台编译代码的束缚。

❑JavaScript是一种解释性编程语言。

其源代码在发往客户端执行之前不需经过编译，而是将文本格式的字符代码发送给客户端由浏览器解释执行。

JavaScript是用于创建嵌入HTML文档的脚本的。

这些脚本可以控制文档的布局，还可以定义处理用户事件的函数。

因此，JavaScript可以看成是HTML的扩展。

从这个角度看，JavaScript必须作为源程序代码放在HTML中，以便浏览器检查。

所以JavaScript是解释性语言，而不是与Java类似的编译语言。

2．面向对象与基于对象

Java和JavaScript支持面向对象编程的程度不同。

❑Java是完全的面向对象的语言，支持除多重继承以外的所有面向对象的编程特征。

即使如此，Java仍用单一继承与接口结构的组合提供了多重继承的特点，并且保持了单一继承所具有的简单类结构。

利用Java语言即使是开发简单的程序，也必须设计对象。

❑JavaScript则并不完全支持面向对象编程，而是采用最实用的面向对象编程特征。

例如，JavaScript支持对象类型、实例化、合成、复合和多态，但不支持分类和继承，它是一种基于对象（ObjectBased）和事件驱动（EventDriver）的编程语言，因而，它本身提供了非常丰富的内部对象供设计人员使用。

3．强分类和松散分类

JavaScript是松散分类的语言，而Java是强分类的语言。

松散分类和强分类的差别表明了两种语言用途上的不同。

❑Java的目标是开发安全可靠的语言，必须用强分类来达到这种目标。

将对象操作限制在显式定义的对象上，这是Java安全性的基础。

在Java中所有变量在编译之前必须作声明，强分类语言不能自动进行数据类型转换，它会把不适当的类型转化称为错误。

❑JavaScript与大多数脚本语言一样，是一种松散分类语言。

变量在使用前不需要作声明，这样可以减少脚本的总长度。

解释器在运行时会检查其数据类型，并自动从一种类型转化为另外一种类型。

通过松散分类，脚本语言为编程人员提供了更多的权利和责任。

4．代码格式和嵌入方式

Java是一种与HTML无关的格式，必须通过像HTML中引用多媒体那样进行装载，其代码以字节代码的形式保存在独立的文档中。

将Java代码嵌入HTML文档中，必须使用…来标识。

JavaScript代码是一种文本字符格式，可以直接嵌入HTML文档中，并可动态装载。

编写HTML文档就像编辑文本文件一样方便。

在HTML文档中嵌入JavaScript代码时，要使用来标识。

1.1.3JavaScript的主要特点

JavaScript是一种简单的脚本编程语言，主要适用于简单、小型的程序。

它可以与HTML超文本标记语言、Java脚本语言（Java小程序）一起实现在一个Web页面中链接多个对象，与Web客户交互作用，从而开发出客户端的应用程序等。

它是通过嵌入或调入到标准的HTML语言中实现的，它的出现弥补了HTML语言的缺陷。

JavaScript语言有以下特点。

1．JavaScript是一种脚本编写语言

脚本（Script）是一种能够完成某些特殊功能的指令序列（小程序段）。

这些指令序列不像一般程序那样需要被编译才能执行，而是在程序运行过程中被逐行地解释。

在脚本中所使用的命令与语句集称为脚本语言。

JavaScript是一种脚本语言，它采用小程序段的方式实现编程。

像其他脚本语言一样，JavaScript同样也是一种解释性语言，它提供了一个开发过程，它的基本结构形式与C、C++、VB十分类似，但它不像这些语言那样，需要先编译，而是在程序运行过程中被逐行地解释。

它通过与HTML标识结合在一起来方便用户的使用操作。

2．JavaScript是一种基于对象的语言

JavaScript是一种基于对象的语言，这意味着它能运用已经创建的对象，但不能派生新的对象，也就是没有面向对象程序设计语言（如Java就是一种面向对象的程序设计语言）所具有的继承、多态等特点，这使JavaScript更容易学习。

3．简单性

JavaScript的简单性主要体现在：

第一，它是一种基于Java基本语句和控制流之上的简单而紧凑的设计，从而对学习Java是一种非常好的过渡；第二，它的变量类型采用弱类型，并未使用严格的数据类型；第三，JavaScript可以用很小的程序做大量的事，如创建交互式网页、控制浏览器的行为等。

用户无须有高性能的电脑，也无须安装复杂的软件，仅需一个字处理软件及一个浏览器，即可使用JavaScript进行程序设计。

JavaScript不需要耗时的编译过程，从而使脚本程序的开发周期比较短。

JavaScript的大多数界面特征，均由浏览器和HTML代码处理，因此更加提高了开发速度。

4．安全性

JavaScript是一种安全性语言，它不允许访问本地的硬盘，更不能将数据存入到服务器上，也不允许对网络文档进行修改和删除，只能通过浏览器实现信息浏览或动态交互，从而可以有效地防止数据丢失。

5．动态性

JavaScript是动态的，它可以直接对用户或客户输入作出响应，无须经过Web服务程序。

它对用户反映的响应是采用事件驱动的方式进行的。

在主页（HomePage）中执行了某种操作所产生的动作，就称为“事件”（Event）。

如按下鼠标、移动窗口、选择菜单等都可以视为事件。

当事件发生后，就可能会引起相应的事件响应。

6．跨平台性

JavaScript是依赖于浏览器本身的，与操作环境无关，只要能运行浏览器的计算机，并有支持JavaScript的浏览器就可以正确执行，从而实现了“编写一次，走遍天下”的梦想。

正是以上的这些JavaScript的特点，使JavaScript在Web编程领域中得到了广泛的普及和运用，具有广阔的发展前景。

1.1.4JavaScript在Web页面中的应用

Web（WorldWideWeb，WWW，又称万维网）是目前Internet上应用得最广泛也是最重要的信息服务类型，它的影响已经进入了Internet上的广告、新闻、电子商务和展示信息等各个服务领域。

作为一种脚本语言，JavaScript在这些领域都得到了广泛的应用。

使用JavaScript可以创建动态HTML页面，用来处理用户的输入及使用特殊的对象、文件和关系数据库维护稳固的数据。

从内部的协作信息管理和内联网发布到大型超市的电子交易和商务，都可以应用JavaScript。

通过JavaScript的LiveConnect功能，用户程序可以访问Java和CORBA发布的应用程序。

在使用JavaScript语言进行网页制作时，JavaScript不但可以用于编写客户端的脚本程序，实现在Web浏览器端解释并执行脚本程序的功能；而且还可以编写在服务器端执行的脚本程序，以实现服务器端处理用户提交的信息，并相应地更新浏览器显示的Web服务器程序的功能。

因此，可以说JavaScript是非常成功的。

1．JavaScript在客户端的应用

JavaScript最典型最常用的应用就是开发客户端的Web应用程序，即客户端的JavaScript脚本程序。

客户端的JavaScript脚本程序是被嵌入到HTML文件中或链接到HTML页面的。

当用户使用浏览器请求HTML文件时，JavaScript脚本程序就会与HTML一起被下载到客户端，由客户端的浏览器读取HTML文件，并分辨其中是否含有JavaScript脚本。

如果有，就解释并执行它，并以页面方式显示出来。

这个过程将产生用户看到的结果，如图1-1所示。

图1-1客户端JavaScript

客户端JavaScript具有很多功能。

在HTML中使用JavaScript可以利用表单元素和超链接使网页直接对用户作出响应；也可利用警告、提示和确认信息向用户提示所发生的错误；还可利用JavaScript程序改变浏览器窗口的外观等。

2．JavaScript在服务器端的应用

最初，Netscape公司把它们的服务器端JavaScript产品称为LiveWire，不过现在只用服务器端JavaScript来称呼它了。

微软公司也支持在网络服务器上用JavaScript进行的服务器端程序设计，它使用的是ASP框架。

由于这只是对服务器端脚本的一个纵览，所以这里只讨论Netscape实现的服务器端JavaScript。

在服务器端，JavaScript也是嵌入HTML页面的。

JavaScript服务器端脚本通常用来替代传统的CGI程序。

JavaScript在客户端进行了某些处理，因此服务器端程序可以简化，然而，仍然需要某些服务器端程序来支持高级Web应用，如访问数据库信息、支持电子商务和进行一些专业化处理等。

服务器端的语句可以连接到不同的关系数据库中，共享同一应用的用户之间的信息、访问服务器上的文件系统或者通过LiveConnect和Java与其他应用程序通信。

一个已经编译好的JavaScript应用除了服务器端JavaScript之外还可包含客户端JavaScript。

服务器端JavaScript有一个显著的能力，那就是能够动态地生成要显示给客户的HTML文件。

不过，它最为强大的特性还是来自于它能够访问的服务器端对象。

例如，File对象就允许服务器端的脚本对服务器上的文件进行读写操作，Database对象则允许脚本执行SQL的数据库查询和更新操作。

CGI程序和服务器端JavaScript的处理方式是不同的，对于CGI程序，form包含了action属性，它指定了包含CGI程序的URL。

当提交窗体时，Web服务器就会调用CGI程序来处理窗体数据、执行搜索或者实施用户自定义Web应用程序。

对于支持JavaScript的Web服务器，它激活一个已经定义好的JavaScript脚本来进行必要的处理。

Web服务器自动创建JavaScript对象后，告诉脚本它将如何被调用，以及请求服务的浏览器类型是什么，它也能自动将用户提供的数据传到浏览器。

脚本处理浏览器提供的数据后，通过服务器将信息返回浏览器进行显示。

在类似的注册页面中，要求用户输入用户名和密码。

当用户填写信息并提交窗体后，信息会被传输到服务器端，然后，调用服务器端的JavaScript脚本进行用户名和密码的验证，最后将响应返回客户端。

对比标准的通用网关接口（CGI）程序，所有的JavaScript都是直接集成到HTML页面中的，这将使开发和维护变得更加容易。

由于服务器端JavaScript是厂商特有的服务端技术，而且使用它的程序设计者远远少于客户端JavaScript，所以本书没有对它详细进行介绍。

不过，本书中一些讨论JavaScript语言的核心章节对于服务器端JavaScript程序设计者来说仍然是非常有价值的。

1.2JavaScript开发环境和编写工具

在编写JavaScript脚本程序之前，必须先了解JavaScript的开发环境和编写工具。

1.2.1JavaScript开发环境

使用JavaScript脚本语言进行开发时，对于环境的要求有以下两个方面。

1．对软件环境的要求

（1）操作系统：

Windows95/98/NT/2000/Me/XP等。

（2）浏览器：

Netscape公司的Navigator2.0以上版本的浏览器；微软公司的InternetExplorer3.0以上版本的浏览器。

（3）编辑器：

用于编辑HTML文档的字符编辑器或者HTML文档编辑器。

2．对硬件配置的要求

（1）电脑内存：

至少为32MB。

（2）CRT：

至少需要256颜色，分辨率在640×480以上。

（3）CPU：

至少为256MB。

使用JavaScript脚本语言开发动态网页时，如果要开发基于Web的应用程序，还需要对Web服务器和数据库系统进行一些设置。

因此，只要拥有满足以上版本条件的浏览程序，就可以执行本书中的大部分JavaScript程序示例。

1.2.2JavaScript编写工具

JavaScript语句可以通过标签来嵌入到HTML文档中，当HTML文件嵌入JavaScript程序代码后，浏览程序在读取HTML文件时，在解释HTML标记的同时也会解释JavaScript程序代码，并且马上执行程序代码或进行事件处理。

由于HTML文档属于标准的ASCII文本文件，所以，可以使用文字编辑器（如Window记事本），也可以使用专业化的脚本编辑器或者MicrosoftOffice2000的ScriptEditor进行程序代码的编辑。

下面简单介绍几种JavaScript编写工具。

1．纯文本编辑工具

使用纯文本编辑器来编写脚本，如Windows的Notepad，是脚本编程人员常用的一种方法。

用这种方式编写脚本，是一种比较艰苦的方式，但它具有以下一些不可否认的优点：

❑用纯文本编辑器编写JavaScript脚本，方式简单、价格便宜，而且不需要花费很大的精力去学习如何使用编辑软件，只要拥有Windows操作系统软件，就可以使用其自带的Notepad。

❑用纯文本编辑器编写JavaScript脚本，可以直接接触那些放置到软件包之中的JavaScript技术，并且可以通过亲自编写代码做JavaScript能够实现的所有事情。

❑用纯文本编辑器编写JavaScript脚本的格式是自由的，可以在适当的地方添加注释，因而使脚本程序具有很好的可读性，也使JavaScript代码容易修改。

❑用纯文本编辑器编写JavaScript脚本，用户可以保留自己编写的所有JavaScript小片段，建立自己的JavaScript库。

写一个显示“Hello Word!

”字样的程序是许多编程语言的最初的经典练习，这个程序用来说明如何形成显示输出。

如图1-2所示，显示了在记事本中编写这个小程序的代码，将代码文件的后缀.txt改为.html后，通过双击该文件，即可直接在浏览器中查看运行结果，如图1-3所示。

图1-2“HelloWord!

”程序代码图1-3程序运行结果

该代码段的主体在和标志之间，包含一个元素Script，用标志表示。

其中，Script标志的属性“language="JavaScript"”，表示脚本为JavaScript。

这个脚本只有一个语句“document.write（"HelloWord!

!

!

!

!

"）”，用于向屏幕输出内容。

对于JavaScript语法的使用方法在后面章节将详细介绍。

由上面的实例可以看出，虽然用记事本编写JavaScript程序非常简单易学，但其中所有的代码都必须一一输入，如果不小心输错了，检查起来也不容易查找。

使用专业化的脚本工具就可以解决这个问题。

2．专业化脚本编辑工具

要想更方便地编写JavaScript程序，就要使用专业化的脚本编辑工具，如UltraEdit和EditPus。

这里给大家推荐的是AdobeDreamweaverCS3，它是Macromedia公司推出的最新版本的网页设计软件。

使用它提供的语法校对、代码提示、代码自动完成等功能，以及方便的编译和运行环境，可以快速地完成包括JavaScript脚本程序在内的程序编写、运行和调试，从而大大提高编程效率。

在网上下载安装最新的AdobeDreamweaverCS3软件，启动软件后，会出现一个初始页面，提示选择网页类型。

在选择HTML页面后，进入代码编写页面，如图1-4所示。

图1-4DreamweaverCS3界面

图1-4中红色边框区域表示代码编辑窗口。

由于在初始启动时，选择了HTML页面，DreamweaverCS3会自动将部分HTML代码显示在编辑窗口中。

在这种模式下，可以继续添加完成具体功能的HTML代码或者JavaScript脚本程序，也可以将这部分自动显示的代码清除，完全按照个人的需要来具体编写程序。

通过DreamweaverCS3生成的文件，其后缀名都是.html。

保存文件后，可以通过键盘上的F12键，直接在浏览器中进行预览。

DreamweaverCS3还提供了可视化的编程工具，只需输入少量的代码就可以完成程序的编写，大大方便了编程。

不过，使用时它也会生成许多冗余代码，容易使初学者感觉一团雾水，所以，建议读者先掌握了JavaScript的基本语法后再使用这类软件，会更加得心应手。

DreamweaverCS3工具的最大的优点在于有代码提示和代码自动完成功能。

例如，编写HTML文件经常要用的标签、标签等，在代码区都会自动把这些常用标签显示出来，这样可以使程序的结构一目了然。

对于DreamweaverCS3更多详细的优越的功能还有待于在进一步的使用中慢慢体会。

3．Windows脚本编辑器

JavaScriptEditor虽然功能强大，但是必须要安装相应的软件，这种软件还是英文版的，这多少给用户带来一些不便。

实际上，在我们身边就有一个非常好用的JavaScript编辑器，那就是预置在MicrosoftFrontPage中使用方便而功能强大的调试工具，称为Microsoft脚本编辑器（MicrosoftScriptEditor）。

MicrosoftScriptEditor是一套附属在Office2000上的Script程序代码编辑器，它就是微软整合的网页开发软件VisualStudio6.0的编辑器，可以在FrontPage2000或Office2000编辑的网页上加上客户端或服务器端的VBScript、JavaScript或ASP程序代码。

Office软件是最常用的软件之一，使用它即可编写JavaScript程序（安装Office2000时，若选择典型安装，并不安装MicrosoftScriptEditor，需要再添加上）。

除此之外，还可以使用其他的编辑工具，如AntechinusJavaScriptEditor、NetScapeNavigatorGold等，有兴趣的读者可以在今后的学习中慢慢尝试，这里不再作详细介绍。

1.3在HTML中嵌入JavaScript的方法

为了能够让浏览器识别HTML文档中的脚本代码行，每个脚本必须包含在Script容器标识符（也称为标签）内，换言之，要用打开标签来结束脚本。

无论是表单或者段落，在HTML中，都要使用首尾标记对标记内容进行封装，使用方法如下所示：

在HTML文件中嵌入JavaScript的方法，可以通过标签对的位置并不是固定的，可以出现在HTML文档的…或者…标签对之间，也可以出现在文档的多个位置。

通过标签对来嵌入多段JavaScript代码，该