开发学院网页设计 JavaScript 用 JSEclipse 构建 JavaScript 应用程序阅读

用 JSEclipse 构建 JavaScript 应用程序

　2009-12-19 00:00:00　来源：WEB开发网　　　

核心提示： 代码本身非常简单，稍后将详细说明这段代码，用 JSEclipse 构建 JavaScript 应用程序(9)，但是现在，只需注意我们将设置一些初始变量，通常最好把脚本包含在独立文件中，在本例中，并且已经创建了一个函数 createNewEnvironment()，页面首次装载时将调用该函数

代码本身非常简单。稍后将详细说明这段代码，但是现在，只需注意我们将设置一些初始变量，并且已经创建了一个函数 createNewEnvironment()，页面首次装载时将调用该函数。

现在，如何编辑它？

使用 JSEclipse 编辑嵌入的 JavaScript

要在 JSEclipse 中编辑页面的脚本部分，请在页面的脚本元素上右键单击并选择 Edit in JSEclipse。

图 12. 在脚本上右键单击将提供使用 JSEclipse 编辑该脚本的选项
用 JSEclipse 构建 JavaScript 应用程序

选择 Edit in JSEclipse 之后，编辑器将创建一个临时文件并在 JavaScript 编辑器中打开它。

图 13. 编辑临时文件
用 JSEclipse 构建 JavaScript 应用程序

注意，此临时页面的编辑器提供了所需的所有功能，例如彩色编码、代码概要等。如果更改并保存此临时页面，则会发现更改被镜像到原始页面中。此功能对于有 “多层次” 页面、有很多难于跟踪和编辑的嵌入式 JavaScript 的情况十分有用，而且更是对调试大有帮助。可是，在大多数情况下，如果使用 IDE，使用单独的文件更容易。

使用外部脚本

为了便于维护（不考虑别的因素），通常最好把脚本包含在独立文件中。在本例中，我们已经得到了三个文件。

清单 3. 添加外部文件
<html>　 <head>　　 <script　src="Creature.js"　type="text/javascript"></script>　 <script　src="MultiDimensionalArray.js"　　　　　　type="text/javascript"></script>　　 <script　src="environment.js"　type="text/javascript"></script>　　 </head>　 <body　>　 ...　