網頁制作poluoluo文章簡介：一 JavaScript調試工具Aptana Eclipse插件 Aptana是一個開發JavaScript的很好的ide，且aptana提供了eclpse的插件，用起來幾乎很上手而且很簡單、方便。 1.先去aptana的官方網站下載Aptana Eclipse的插件aptana_update_024313.zip。 地址：http://update.aptana.com/upd
一 JavaScript調試工具Aptana Eclipse插件
Aptana是一個開發JavaScript的很好的ide，且aptana提供了eclpse的插件，用起來幾乎很上手而且很簡單、方便。
1.先去aptana的官方網站下載Aptana Eclipse的插件aptana_update_024313.zip。
地址：http://update.aptana.com/update/studio/3.2/
強烈推薦手動下載插件的方式而不是在線升級的方式，尤其你用的不是eclipse而是完整安裝版的myeclipse。
2. 手動以link方式安裝aptana插件(我用的是Myeclipse7.1完整安裝版)
在C:\Program Files\Genuitec\Common\目錄下新建links文件夾，在links文件夾下新建aptana.link文件，文件內容為：path=C:\\Program Files\\Genuitec\\Aptana，再在C:\Program Files\Genuitec目錄下新建Aptana，在Aptana文件夾下新建eclipse文件夾,在Aptana Eclipse的插件aptana_update_024313.zip解壓後把其中的文件夾features和plugins拷貝到eclipse文件下。
3. 將Aptana編輯器設置成myeclipse默認的編輯器
在Window菜單中找到Preferences，打開的菜單中左邊的樹中展開General，找到Editors，點擊File Associations，然後在上邊選擇要設置的文件後綴名，在下邊找到aptana相應的編輯器，然後點“default”即可完成默認的設置了
二 JavaScript的簡單應用
1.新建一個Web Project:TestJavaScriptProject
2.新建一個靜態頁面index.html, 新建一個js文件js/hello.js
hello.js代碼如下:
/** * @author johnston678 */ /** * show hello in html */ function sayHello(){ alert("Hello"); } /** * Calculate Add * @param {Number} a A number param * @param {Number} b A number param */ function numAdd(a,b) { return a + b; } /** * return value = a + b * time * @param {Nuber} time * @param {Nuber} a * @param {Nuber} b */ function doLoop(time,a,b) { var result; result = a; for(i=0; i<time; i++) { result = numAdd(result,b); } return result; }
index.html代碼如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <!-- 導入js文件,這個script區域中的js代碼無效,這個script區域默認為空 --> <script language="JavaScript" src="js/hello.js"> </script> <!-- 在這個script區域中可以調用導入的js文件,編寫自己的js方法 --> <script language="JavaScript"> function doCal() { var cal = doLoop(1,2,3); alert(cal); } </script> <head> <title>Untitled Document</title> </head> <body> This is my HTML page.<br> <a href="javascript:sayHello()">Say Hello</a> <br> <a href="javascript:doCal()">Do Calculate</a> <br> </body> </html>
3.右鍵點擊index.html文件，選擇菜單Debug AS -> JavaScript Web Application。IDE自動啟動Firefox。在Variables頁或者Expressions頁能時刻跟蹤變量的值，或者表達式值的改變。