Java基础：JavaScript调试工具及简单应用

goodluck

<p ><b>一 JavaScript调试工具Aptana Eclipse插件</b><p ><p >Aptana是一个开发JavaScript的很好的ide，且aptana提供了eclpse的插件，用起来几乎很上手而且很简单、方便。<p ><p >1.先去aptana的官方网站下载Aptana Eclipse的插件aptana_update_024313.zip。<p ><p >地址：http://update.aptana.com/update/studio/3.2/<p ><p >强烈推荐手动下载插件的方式而不是在线升级的方式，尤其你用的不是eclipse而是完整安装版的myeclipse。<p ><p >2. 手动以link方式安装aptana插件(我用的是Myeclipse7.1完整安装版)<p ><p >在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文件下。<p ><p >3. 将Aptana编辑器设置成myeclipse默认的编辑器<p ><p >在Window菜单中找到Preferences，打开的菜单中左边的树中展开General，找到Editors，点击File Associations，然后在上边选择要设置的文件后缀名，在下边找到aptana相应的编辑器，然后点“default”即可完成默认的设置了<p ><p ><b>二 JavaScript的简单应用</b><p ><p >1.新建一个Web Project:TestJavaScriptProject<p >2.新建一个静态页面index.html, 新建一个js文件js/hello.js<p ><p >hello.js代码如下:<p ><p ><ccid_nobr><table width="400" border="1" cellspacing="0" cellpadding="2"  bordercolorlight = "black" bordercolordark = "#FFFFFF" align="center"><tr><td bgcolor="e6e6e6" class="code" ><pre><ccid_code>/** * @author johnston678 *//** * show hello in html */function sayHello(){ alert(&quot;Hello&quot;);} /**  * 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&lt;time; i++) {  result = numAdd(result,b); } return result; }</ccid_code></pre></td></tr></table></ccid_nobr><br><p ><p >index.html代码如下:<p ><p ><ccid_nobr><table width="400" border="1" cellspacing="0" cellpadding="2"  bordercolorlight = "black" bordercolordark = "#FFFFFF" align="center"><tr><td bgcolor="e6e6e6" class="code" ><pre><ccid_code>&lt;!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01//EN&quot; &quot;http://www.w3.org/TR/html4/strict.dtd&quot;&gt;&lt;html&gt; &lt;!-- 导入js文件,这个script区域中的js代码无效,这个script区域默认为空 --&gt; &lt;script language=&quot;JavaScript&quot; src=&quot;js/hello.js&quot;&gt;    &lt;/script&gt;  &lt;!-- 在这个script区域中可以调用导入的js文件,编写自己的js方法 --&gt; &lt;script language=&quot;JavaScript&quot;&gt;  function doCal() {   var cal = doLoop(1,2,3);   alert(cal);  } &lt;/script&gt; &lt;head&gt;  &lt;title&gt;Untitled Document&lt;/title&gt; &lt;/head&gt; &lt;body&gt;  This is my HTML page.&lt;br&gt;  &lt;a href=&quot;javascript:sayHello()&quot;&gt;Say Hello&lt;/a&gt; &lt;br&gt;  &lt;a href=&quot;javascript:doCal()&quot;&gt;Do Calculate&lt;/a&gt; &lt;br&gt; &lt;/body&gt;&lt;/html&gt;</ccid_code></pre></td></tr></table></ccid_nobr><br><p ><p >3.右键点击index.html文件，选择菜单Debug AS -> JavaScript Web Application。IDE自动启动Firefox。在Variables页或者Expressions页能时刻跟踪变量的值，或者表达式值的改变。<p ><p >< align=right></P><p align="center"></p></p>