js入门(新手必读)

该入门由hamal搜集网上的资料整理而成。

希望大家在看完本入门之后能分清楚js（JavaScript）和jsp（Java Server Pages）的区别。

希望这两篇文档对大家能有所帮助！

............................................................................................................

JavaScript简介

   通过超文本(Hyper Text)和超媒体(Hyper Media)技术结合超链接(Hyper link)的链接功能将各

种信息组织成网络结构(web)，构成网络文档(Document)，实现Internet上的“漫游”。通过HTML符

号的描述就可以实现文字、表格、声音、图像、动画等多媒体信息的检索。

   然而采用这种超链技术存在有一定的缺陷，那就是它只能提供一种静态的信息资源，缺少动态的

客户端与服务器端的交互。虽然可通过CGI(Common Gateway Interface)通用网关接口实现一定的交

互，但由于该方法编程较为复杂，因而在一段时间防碍了Internet技术的发展。而JavaScript的出

现，无凝为Internet网上用户带来了一线生机。可以这样说,JavaScript的出现是时代的需求,是当

今的信息时代造就了JavaScript。

   JavaScript的出现，它可以使得信息和用户之间不仅只是一种显示和浏览的关系，而是实现了一

种实时的、动态的、可交式的表达能力。从而基于CGI静态的HTML页面将被可提供动态实时信息，并

对客户操作进行反应的Web页面的取代。JavaScript脚本正是满足这种需求而产生的语言。它深受广

泛用户的喜爱的欢迎。它是众多脚本语言中较为优秀的一种，它与WWW的结合有效地实现了网络计算

和网络计算机的蓝图。无凝Java家族将占领Internet网络的主导地位。因此，尽快掌握JavaScript

脚本语言编程方法是我国广大用户日益关心的。

一、JavaScript的历史

　　谈到JavaScript的历史，首先就得介绍[网景]（Netscape）这家公司，相信很多人使用过

Netscape浏览器来浏览网页，这家公司在设计浏览器的时候，一方面为了辅助本身发展的一种名为

LiveWire的程式，另一方面为了提高网页设计的互动性，所以发展了LiveScript这个电脑语言。

　　那JavaScript和LiveScript有什么关系呢？在Netscape发展LiveScript的同时，另一家名为[升

阳]（Sun）的公司也正在发展Java语言，为了辅助Java的网页程式方面的设计，所以这两家公司进

行合作，共同发展LiveScript语言，并且将LiveScript语言改名为Javacript，这就是Javacript的

由来。

　　JavaScript刚开始时仅应用在Netscape浏览器，不过随着使用JavaScript制作网页的人愈来愈

多，微软的IE浏览器也提供了新功能，现在可以在IE浏览器上看到JavaScript的效果了。


二、什么是JavaScript

JavaScript是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言。使用

它的目的是与HTML超文本标记语言、Java 脚本语言（Java小程序）一起实现在一个Web页面中链接

多个对象，与Web客户交互作用。从而可以开发客户端的应用程序等。它是通过嵌入或调入在标准的

HTML语言中实现的。它的出现弥补了HTML语言的缺陷，它是Java与HTML折衷的选择，具有以下几个

基本特点：

1、是一种脚本编写语言
JavaScript是一种脚本语言，它采用小程序段的方式实现编程。像其它脚本语言一样,JavaScript同

样已是一种解释性语言,它提供了一个易的开发过程。
它的基本结构形式与C、C++、VB、Delphi十分类似。但它不像这些语言一样，需要先编译，而是在

程序运行过程中被逐行地解释。它与HTML标识结合在一起，从而方便用户的使用操作。

2、基于对象的语言。
JavaScript是一种基于对象的语言，同时以可以看作一种面向对象的。这意味着它能运用自己已经

创建的对象。因此，许多功能可以来自于脚本环境中对象的方法与脚本的相互作用。

3、简单性
JavaScript的简单性主要体现在：首先它是一种基于Java基本语句和控制流之上的简单而紧凑的设

计, 从而对于学习Java是一种非常好的过渡。其次它的变量类型是采用弱类型，并未使用严格的数

据类型。

4、安全性
JavaScript是一种安全性语言，它不允许访问本地的硬盘，并不能将数据存入到服务器上，不允许

对网络文档进行修改和删除，只能通过浏览器实现信息浏览或动态交互。从而有效地防止数据的丢

失。

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

反映响应，是采用以事件驱动的方式进行的。所谓事件驱动，就是指在主页(Home Page)中执行了某

种操作所产生的动作，就称为“事件”(Event)。比如按下鼠标、移动窗口、选择菜单等都可以视为

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

6、跨平台性
JavaScript是依赖于浏览器本身，与操作环境无关，只要能运行浏览器的计算机，并支持

JavaScript的浏览器就可正确执行。从而实现了“编写一次,走遍天下”的梦想。

实际上JavaScript最杰出之处在于可以用很小的程序做大量的事。无须有高性能的电脑，软件仅需

一个字处理软件及一浏览器，无须WEB服务器通道，通过自己的电脑即可完成所有的事情。

综合所述JavaScript是一种新的描述语言，它可以被箝入到HTML的文件之中。JavaScript语言可以

做到回应使用者的需求事件(如：form的输入)，而不用任何的网路来回传输资料，所以当一位使用

者输入一项资料时，它不用经过传给伺服端(server)处理，再传回来的过程，而直接可以被客户端

(client) 的应用程式所处理。

JavaScript 和 Java 很类似，但到底并不一样！ Java 是一种比 JavaScript 更复杂许多的程式语

言，而 JavaScript 则是相当容易了解的语言。JavaScript 创作者可以不那麽注重程式技巧，所以

许多 Java 的特性在 Java Script 中并不支援。

三、JavaScript和Java的区别

虽然JavaScript与Java有紧密的联系，但却是两个公司开发的不同的两个产品。Java是SUN公司推出

的新一代面向对象的程序设计语言，特别适合于Internet应用程序开发；而JavaScript是Netscape

公司的产品，其目的是为了扩展Netscape Navigator功能,而开发的一种可以嵌入Web页面中的基于

对象和事件驱动的解释性语言, 它的前身是Live Script；而Java的前身是Oak语言。下面对两种语

言间的异同作如下比较：

1、基于对象和面向对象
Java是一种真正的面向对象的语言，即使是开发简单的程序，必须设计对象。
JavaScript是种脚本语言，它可以用来制作与网络无关的，与用户交互作用的复杂软件。它是一种

基于对象（Object Based）和事件驱动（Event Driver）的编程语言。因而它本身提供了非常丰富

的内部对象供设计人员使用。

2、解释和编译
两种语言在其浏览器中所执行的方式不一样。Java的源代码在传递到客户端执行之前，必须经过编

译，因而客户端上必须具有相应平台上的仿真器或解释器，它可以通过编译器或解释器实现独立于

某个特定的平台编译代码的束缚。
JavaScript是一种解释性编程语言，其源代码在发往客户端执行之前不需经过编译，而是将文本格

式的字符代码发送给客户编由浏览器解释执行。

3、JavaScript的结构较为自由松散，譬如，程式中使用的变数前并不是需要明确的定义，而Java和

正统的程式语言一样，结构较为严谨。
例如：强变量和弱变量
两种语言所采取的变量是不一样的。
Java采用强类型变量检查，即所有变量在编译之前必须作声明。如:

Integer x;
String y;
x=1234;
x=4321;

其中X=1234说明是一个整数，Y=4321说明是一个字符串。
JavaScript中变量声明，采用其弱类型。即变量在使用前不需作声明，而是解释器在运行时检查其

数据类型，如：

x=1234;
y＝"4321";

前者说明x为其数值型变量，而后者说明y为字符型变量。

4、代码格式不一样
JavaScript的代码是一种文本字符格式，可以直接嵌入HTML文档中，并且可动态装载。编写HTML文

档就像编辑文本文件一样方便。并且JavaScript必须编写在HTML文件中，直接查看网页的原始码，

就可以看到JavaScript程式，所以没有保护，任何人都可以透过HTML文件复制程式。
Java是一种与HTML无关的格式，必须通过像HTML中引用外媒体那么进行装载，其代码以字节代码的

形式保存在独立的文档中。Java应用在网页的程式称为Java Applet（Applet是[小程式]的意思），

是和HTML文件分开的。

5、嵌入方式不一样
在HTML文档中，两种编程语言的标识不同，JavaScript使用<Script>...</Script>来标识，而Java

使用<applet>...</applet>来标识。

6、静态联编和动态联编
JavaScript是一种象文件一样的描述语言，透过浏览器就可以直接执行；而Java像正统的程式语言

（如C/C++）一样，必须先进行编绎和连结等动作才可执行。
Java采用静态联编，即Java的对象引用必须在编译时的进行，以使编译器能够实现强类型检查。
JavaScript采用动态联编，即JavaScript的对象引用在运行时进行检查，如不经编译则就无法实现

对象引用的检查。

7、JavaScript不具有读写档案及网络控制等功能（它的设计者考虑到安全性的因素而没有提供支持

），Java则有提供这些功能，但是JavaScript在网页内容的控制和互动性方面，可算是最方便快捷

的。

四、JavaScript程序运行环境

软件环境：
·Windows 95/98或Windows NT。
·Netscape Navigator x.0或Internet Explorer x.0。
·用于编辑HTML文档的字符编辑器(WS、WPS、Notepad、WordPad等)或HTML文档编辑器。

硬件配置：
首先必须具备运行Windows 95/98或Windows NT的基本硬件配置环境。推荐：
·基本内存32M。
·CRT只少需要256颜色，分辨率在640X480以上。
·CPU只少233以上。
·鼠标和其它外部设置（根据需要选用）。

五、编写第一个JavaScript程序

下面我们通过一个例子，编写第一个JavaScript程序。通过它可说明JavaScript的脚本是怎样被嵌

入到HTML文档中的。

test1.html文档：

<html>
<head>
<Script Language ="JavaScript">
// JavaScript Appears here.
alert("这是第一个JavaScript例子!");
alert("欢迎你进入JavaScript世界!");
alert("今后我们将共同学习JavaScript知识！");
</Script>
</Head>
</Html>

说明：

·test.html是HTML文档，其标识格式为标准的HTML格式；
·如同HTML标识语言一样， JavaScript程序代码是一些可用字处理软件浏览的文本，它在描述页面

的HTML相关区域出现。
·JavaScript代码由 <Script Language ="JavaScript">...</Script>说明。在标识<Script

Language ="JavaScript">...</Script>之间就可加入JavaScript脚本。
·alert()是JavaScript的窗口对象方法，其功能是弹出一个具有OK对话框并显示（）中的字符串。
·通过<!-- ...//-->标识说明：若不认识JavaScript代码的浏览器，则所有在其中的标识均被忽略

；若认识，则执行其结果。使用注释这是一个好的编程习惯，它使其他人可以读懂你的语言。
·JavaScript 以 </Script> 标签结束。

从上面的实例分析中我们可以看出，编写一个JavaScript程序确实非常容易的。

[ 本帖由 hamal 于 2004-1-6 12:20 最后编辑 ]