外文翻译资料-eb浏览器中的JavaScript.docVIP

Web浏览器中的JavaScript 现在我们要介绍在Web浏览器中使用的JavaScript。通常我们称他为客户端JavaScript。迄今为止，我们所看到的大部分离子虽然是合法的JavaScript代码，但是却没有特定的环境，也就是说它们不过是一些运行在没有说明的环境中的JavaScript片段。首先，我们将对Web浏览器的程序设计环境和基本的客户端JavaScript代码的概念进行了一般性介绍。然后我们将讨论怎样才能将JavaScript代码嵌入HTML文档以便让它在Web浏览器中运行。 Web浏览器环境 要理解客户端JavaScript、必须理解Web浏览器所提供的程序设计环境的概念框架。接下来的几节介绍的是程序设计环境的三个重要特性： 作为全局对象的Window对象和客户端JavaScript代码的全局执行环境 客户端对象的城茨和构成它的一部分的文档对象模型 石匠驱动的程序设计模型 1.1、作为全局执行环境的Window对象 Web浏览器的主要任务是在一个窗口中显示HTML文档。在客户端JavaScript中，表示HTML文档的是Document对象，Window对象代表显示该文档的窗口（或框架）。虽然对于客户端JavaScript来说，Document对象和Window对象都很重要，但是相比而言，Window对象更重要一些。本质上的原因是Window对象是客户端程序设计中的全局对象。 由于在客户端JavaScript中Window对象是全局对象，因此所有的全局变量都被定义为该对象的属性。例如，下面的两行代码实际上执行的是相同的功能： var answer 42; // 声明并初始化一个全局变量 window.answer 42; // 创建Window对象的一个新属性 Window对象代表的是一个Web浏览器窗口或者窗口中的一个框架。在客户端JavaScript中，顶成窗口和框架本质上是等价的。编写使用多框架的JavaScript应用程序和常见，而且编写使用多窗口的JavaScript应用程序也是有可能的，尽管不那么常见。一个应用程序中出现的每个窗口和框架都对应一个Window对象，而且都为客户端JavaScript代码定义了一个唯一的执行环境。换句话说，JavaScript代码在一个框架中声明的全局变量并不是另一个框架的全局变量，但是第二个框架却可以存在取第一个框架的全局变量。 1.2、客户端的对象层次和文档对象模型 我们知道，Window对象是客户端JavaScript中的一个关键对象。其他所有的客户端对象都适合这个对象连接在一起。例如：每个Window对象都包含一个document属性，该属性引用与这个窗口关联在一起的Document对象，location属性因用与该窗口关联在一起的Location对象。此外Window对象还包含一个frame[]数组，它引用代表原始窗口的框架的Window对象。因此，document饮用的是当前窗口的第二个字窗口的Document对象。而frames[1].document引用的是当前窗口的第二个子框架的Document对象。 由当前窗口或其他Window对象饮用的对象本身还可能因用其他的对象。例如：每个Document对象都有一个forms[]数组，它包含的是代表该文档中出现的所有HTML表单的Form对象。要引用表单，可以编写如下的代码： window.document.forms[0] 继续使用上面的例子，每个Form对象都有一个elements[]数组，该数组包含了出现在表单中的各种HTML表单元素（如输入域、按钮等）的对象。 1．3、事件驱动的程序设计模式 过去，计算机程序常常以批处理的模式运行。也就是说，它们先读进来一批数据，然后对这批数据进行计算，最后输出计算的结果。随着时间片共享和基于文本的终端的出现，便开始进行有限的交互，程序要求用户输入，用户输入数据，然后计算机对数据进行处理并且在荧幕上显示出结果。 现在，出现了图形显示和象鼠标这样的点击设备，情况就又不同了。程序通常都是事件驱动的，用户以鼠标点击和键盘敲击的方式进行输入，程序则根据鼠标指针的位置对这种异步的用户输入进行响应。Web浏览器恰恰就是这样一个图形环境，由于一个HTML文档包含嵌入式GUI（图形用户接口），因此客户端JavaScript使用的就是这种事件驱动的程序设计模型。 编写一个不接受用户输入，每次都完成相同工作的静态JavaScript程序也是完全可能的。有时这种程序非常有用。但是，大多数情况下我们需要编写能够和用户交互的动态程序。要做到这一点，必须能够响应用户输入。 在客户端JavaScript中，Web浏览器使用事件（event）来通知程序由用户输入。实践的类型有很多种