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

用 JSEclipse 构建 JavaScript 应用程序

 2009-12-19 00:00:00 来源:WEB开发网   
核心提示: 单击 Finish,托管 HTML 页面应用程序所在的 HTML 页面非常简单,用 JSEclipse 构建 JavaScript 应用程序(7),将以下代码输入到 environment.html 文件中,清单 1. 基本的 HTML 页面environment.html<html>

单击 Finish。

托管 HTML 页面

应用程序所在的 HTML 页面非常简单。将以下代码输入到 environment.html 文件中。


清单 1. 基本的 HTML 页面
environment.html 
 
<html> 
<head></head> 
<body> 
 
<div id="environment" style="float: right; width: 600px; 
   height: 500px; border: 3px solid black;position: 
   relative;"> 
 
</div> 
 
</body> 
</html> 

在这里创建了一个简单的 HTML 页面,内容包括一个 div 元素。该元素实质上是一个大框,宽度为 600 像素,高度为 500 像素,周围是用 3 像素宽的实线绘制的黑色边框。我特意把位置设为相对位置,这样位置属性将从稍后放在 div 中的代码继承。

选择 File > Save 或按 Ctrl+S 组合键保存文件。

在浏览器中查看页面

作为一名 JavaScript 开发人员,我确信您知道如何在浏览器中打开页面。但是在本例中,我将引用 Eclipse 中的浏览器,以便能够尽可能地在一个窗口中进行所有开发。当您在右侧的 Project Explorer 中右键单击文件时,应当会看到一个选项菜单弹出。


图 10. 打开文件的选项
用 JSEclipse 构建 JavaScript 应用程序

正如您可以看到的,有多种选择,这些选择都基于 Eclipse 所知道的文件扩展名。已经假定需要使用 JSEclipse HTML 编辑器,因此可以看到菜单后面的彩色编码。还记得为 *.js 文件添加默认编辑器的时候么?这个菜单是按照同样的原理工作的。

上一页  2 3 4 5 6 7 8 9 10  下一页

Tags:JSEclipse 构建 JavaScript

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接