当前位置: 首页 > 图文教程 > 网络编程 > Javascript > JavaScript基础教程：调试及应用

Javascript
javascript 实现的类似hao123的多邮箱登录效果
不错的用resizeTo和moveTo两个函数实现窗口的“打乒乓球”效果
出现“不能执行已释放的Script代码”错误的原因及解决办法
“不能执行已释放的Script代码”错误的原因及解决办法
javascript入门·对象属性方法大总结
javascript入门·动态的时钟,显示完整的一些方法,新年倒计时
JavaScript 入门·JavaScript 具有全范围的运算符
用javascript实现代替marquee的滚动字幕效果代码
[原创]仿google adsense颜色选择器代码，从中易广告联盟程序提取
greenbrower用到的function.js代码集合
javascript flash下fromCharCode和charCodeAt方法使用说明
内部的小页面，用层制作，随机变色
javascript简写效果“神秘的眼睛”
用js写“算24”游戏的思路分析与实现代码
[原创]js循环输出图片，不足的要补0
json简单介绍
javascript 获取网页参数系统
[原创]js判断ie方法集锦（含正则）代码短小经典
javascript SocialHistory 检查访问者是否访问过某站点
[原创]js判断是否有中文的脚本_js判断中文方法集合

No. « 182 183 184 185 »

技术文章搜索

关键字

Javascript 中的 JavaScript基础教程：调试及应用

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2009-09-28   浏览: 240 ::
收藏到网摘: n/a

 

一 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页能时刻跟踪变量的值，或者表达式值的改变。