用 JSEclipse 构建 JavaScript 应用程序
2009-12-19 00:00:00 来源:WEB开发网 闂傚倸鍊搁崐鎼佸磹閹间礁纾归柟闂寸绾惧綊鏌熼梻瀵割槮缁炬儳缍婇弻鐔兼⒒鐎靛壊妲紒鐐劤缂嶅﹪寮婚悢鍏尖拻閻庨潧澹婂Σ顔剧磼閻愵剙鍔ょ紓宥咃躬瀵鎮㈤崗灏栨嫽闁诲酣娼ф竟濠偽i鍓х<闁诡垎鍐f寖闂佺娅曢幑鍥灳閺冨牆绀冩い蹇庣娴滈箖鏌ㄥ┑鍡欏嚬缂併劎绮妵鍕箳鐎n亞浠鹃梺闈涙搐鐎氫即鐛崶顒夋晬婵絾瀵ч幑鍥蓟閻斿摜鐟归柛顭戝枛椤牆顪冮妶搴′簼缂侇喗鎸搁悾鐑藉础閻愬秵妫冮崺鈧い鎺戝瀹撲礁鈹戦悩鎻掝伀缁惧彞绮欓弻娑氫沪閹规劕顥濋梺閫炲苯澧伴柟铏崌閿濈偛鈹戠€n€晠鏌嶆潪鎷屽厡闁汇倕鎳愮槐鎾存媴閸撴彃鍓卞銈嗗灦閻熲晛鐣烽妷褉鍋撻敐搴℃灍闁绘挻娲橀妵鍕箛闂堟稐绨肩紓浣藉煐濮樸劎妲愰幘璇茬闁冲搫鍊婚ˇ鏉库攽椤旂》宸ユい顓炲槻閻g兘骞掗幋鏃€鐎婚梺瑙勬儗閸樺€熲叺婵犵數濮烽弫鍛婃叏椤撱垹纾婚柟鍓х帛閳锋垶銇勯幒鍡椾壕缂備礁顦遍弫濠氱嵁閸℃稒鍊烽柛婵嗗椤旀劕鈹戦悜鍥╃У闁告挻鐟︽穱濠囨嚃閳哄啰锛滈梺褰掑亰閸欏骸鈻撳⿰鍫熺厸閻忕偟纭堕崑鎾诲箛娴e憡鍊梺纭呭亹鐞涖儵鍩€椤掑啫鐨洪柡浣圭墪閳规垿鎮欓弶鎴犱桓闂佸湱枪閹芥粎鍒掗弮鍫熷仺缂佸顕抽敃鍌涚厱闁哄洢鍔岄悘鐘绘煕閹般劌浜惧┑锛勫亼閸婃牠宕濋敃鈧…鍧楀焵椤掍胶绠剧€光偓婵犱線鍋楀┑顔硷龚濞咃絿妲愰幒鎳崇喓鎷犻懠鑸垫毐闂傚倷鑳舵灙婵炲鍏樺顐ゆ嫚瀹割喖娈ㄦ繝鐢靛У绾板秹寮查幓鎺濈唵閻犺櫣灏ㄥ銉р偓瑙勬尭濡繂顫忛搹鍦<婵☆垰鎼~宥囩磽娴i鍔嶉柟绋垮暱閻g兘骞嬮敃鈧粻濠氭偣閸パ冪骇鐎规挸绉撮—鍐Χ閸℃ê闉嶇紓浣割儐閸ㄥ墎绮嬪澶嬪€锋い鎺嶇瀵灝鈹戦埥鍡楃仯闁告鍕洸濡わ絽鍟崐鍨叏濡厧浜鹃悗姘炬嫹

核心提示: 单击 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. 打开文件的选项
正如您可以看到的,有多种选择,这些选择都基于 Eclipse 所知道的文件扩展名。已经假定需要使用 JSEclipse HTML 编辑器,因此可以看到菜单后面的彩色编码。还记得为 *.js 文件添加默认编辑器的时候么?这个菜单是按照同样的原理工作的。
Tags:JSEclipse 构建 JavaScript
编辑录入:爽爽 [复制链接] [打 印]更多精彩
赞助商链接