JavaScript到底应该怎么用？

目录

JavaScript与Java的关系

JavaScript应用初体验

【例1-1】实例文件：ch01\Chap1.1.html）Hello World的显示。

DHTML

1．在网页头中执行JavaScript代码

2．在网页中执行JavaScript代码

3．在网页的元素事件中执行JavaScript代码

4．在网页中调用已经存在的JavaScript文件

5．通过JavaScript伪URL引入JavaScript脚本代码

1.4.1　案例1——定时打开窗口

【例1-2】（实例文件：ch01\Chap1.2.html）定时打开窗口。

1.4.2　案例2——日期选择器

【例1-3】（实例文件：ch01\Chap1.3.html）日期选择器。

1.5　就业面试技巧与解析

查看更多内容

---

 

JavaScript是一种由Netscape公司的LiveScript发展而来的面向过程的客户端脚本语言，为客户提供更流畅的浏览效果。另外，由于Windows操作系统对其拥有较为完善的支持，并提供二次开发的接口来访问操作系统中各个组件，从而可实现相应的管理功能。

JavaScript是一种解释性的、基于对象的脚本语言（Object-based Scripting Language），其主要是基于客户端运行的，用户单击带有JavaScript脚本的网页，网页里的JavaScript就会被传到浏览器，由浏览器对此做处理。如下拉菜单、验证表单有效性等大量互动性功能，都是在客户端完成的，不需要和Web 服务器进行任何数据交换。因此，不会增加Web 服务器的负担。几乎所有浏览器都支持JavaScript，如Internet Explorer（IE）、Firefox、Netscape、Mozilla、Opera等。

在互联网上可看到很多应用了JavaScript的实例，下面介绍一些JavaScript的典型应用。

• 改善导航功能。JavaScript最常见的应用就是网站导航系统，可以使用JavaScript创建一个导航工具。如用于选择下一个页面的下拉菜单，或者当鼠标移动到某导航链接上时所弹出的子菜单。只要正确应用，此类JavaScript交互功能就能使浏览网站更方便，而且该功能在不支持JavaScript的浏览器上也是可以使用的。
• 验证表单。验证表单是JavaScript一个比较常用的功能。使用一个简单脚本就可以读取用户在表单中输入的信息，并确保输入格式的正确性，如要保证输入的是电话号码或者是电子邮箱。该项功能可提醒用户注意一些常见的错误并加以改正，而不必等待服务器的响应。
• 特殊效果。JavaScript一个最早的应用就是创建引人注目的特殊效果，如在浏览器状态行显示滚动的信息，或者让网页背景颜色闪烁。
• 远程脚本技术（Ajax）。长期以来，JavaScript最大的限制是不能和Web服务器进行通信，如可以用JavaScript确保电话号码的位数正确，但不能利用电话号码来查找用户在数据库中的位置。

综上所述，JavaScript是一种新的描述语言，它可以被嵌入到HTML文件中。JavaScript可以做到回应使用者的需求事件（如form的输入），而不用任何网络来回传输资料，所以当一位使用者输入一项资料时，它不用经过传给服务器端处理再传回来的过程，而直接可以被客户端的应用程序所处理。

 

JavaScript与Java的关系

Java是SUN公司推出的新一代面向对象的程序设计语言，特别适合于Internet应用程序开发；而JavaScript则是Netscape公司的产品，是为了扩展Netscape Navigator功能而开发的一种可以嵌入Web页面中的基于对象和事件驱动的解释性语言。Java的前身是Oak，而JavaScript的前身则是LiveScript。

下面对两种语言间的异同做如下比较。

• 基于对象和面向对象。Java是一种真正的面向对象的语言，即使是开发简单的程序，也必须设计对象。而JavaScript是一种脚本语言，它可以用来制作与网络无关的、与用户交互作用的复杂软件。它是一种基于对象（Object Based）和事件驱动（Event Driver）的编程语言，因而本身提供了非常丰富的内部对象供设计人员使用。
• 解释和编译。两种语言在其浏览器中所执行的方式不一样。Java的源代码在传递到客户端执行之前，必须经过编译，因而客户端上必须具有相应平台上的仿真器或解释器，它可以通过编译器或解释器实现独立于某个特定的平台编译代码的束缚。JavaScript是一种解释性编程语言，其源代码在发往客户端执行之前不需要经过编译，而是将文本格式的字符代码发送给客户端由浏览器解释执行。
• 强变量和弱变量。两种语言所采取的变量是不一样的。Java采用强类型变量，即所有变量在编译之前必须声明。JavaScript中的变量声明采用弱类型，即变量在使用前不需要事先声明，而是解释器在运行时检查其数据类型。
• 代码格式。Java的代码是一种与HTML无关的格式，必须通过像HTML中引用外媒体那样进行装载，其代码以字节代码的形式保存在独立的文档中。JavaScript的代码是一种文本字符格式，可直接嵌入HTML文档并可动态装载，编写HTML文档就像编辑文本文件一样方便。
• 嵌入方式不一样。在HTML文档中，两种编程语言的标识不同。JavaScript使用标签对来标识，而Java使用标签对来标识。
• 静态联编和动态联编。Java采用静态联编，即Java的对象引用必须在编译时进行，以使编译器能够实现强类型检查。而JavaScript采用动态联编，即JavaScript的对象引用在运行时进行检查，如不经编译则无法实现对象引用的检查。

JavaScript的基本特点

JavaScript的主要作用是与HTML、Java 脚本语言（Java小程序）一起实现在一个Web页面中连接多个对象、与Web客户端交互作用，从而可以开发客户端的应用程序等。它是通过嵌入或调入到标准的HTML中实现的。它弥补了HTML的缺陷，是Java与HTML折中的选择，具有如下基本特点。

• 脚本编写语言。JavaScript是一种采用小程序段方式来实现编程的脚本语言。同其他脚本语言一样，JavaScript是一种解释性语言，在程序运行过程中被逐行地解释。此外，它还可与HTML标识结合在一起，从而方便用户的使用。
• 基于对象的语言。JavaScript是一种基于对象的语言，同时可以看作一种面向对象的语言。这意味着它能运用自己已经创建的对象。因此，许多功能可以来自于脚本环境中对象的方法与脚本的相互作用。
• 简单性。JavaScript的简单性主要体现在：首先，它是一种基于Java基本语句和控制流之上的简单而紧凑的设计，从而对于学习Java是一种非常好的过渡；其次，它的变量类型是采用弱类型，并未使用严格的数据类型。
• 安全性。JavaScript是一种安全性语言。它不允许访问本地硬盘，并不能将数据存入到服务器上，不允许对网络文档进行修改和删除，只能通过浏览器实现信息浏览或动态交互，从而有效地防止数据丢失。
• 动态性。JavaScript是动态的，它可以直接对用户或客户输入做出响应，无须经过Web服务程序。它采用以事件驱动的方式对用户的反映做出响应。
• 跨平台性。JavaScript依赖于浏览器本身，与操作环境无关。只要能运行浏览器的计算机，并支持JavaScript的浏览器就可正确执行。

JavaScript应用初体验

JavaScript是一种脚本语言，需要浏览器进行解释和执行。下面通过一个简单的例子来体验一下JavaScript脚本程序语言。创建一个HTML文件，示例如下。

【例1-1】实例文件：ch01\Chap1.1.html）Hello World的显示。

将此文件保存为Chap1.1.html文件。使用Microsoft公司的Internet Explorer（IE）浏览器打开这个文件之后，会显示如图1-1所示的显示效果。

图1-1　Hello World的显示效果<