JavaScript是网页设计中最常用的客户端脚本语言。它能够使你的网页更加生动活泼，具有显示时间、制作特效等功能。jQuery、EXTJS、ajax等也都是基于javascript的技术。
先来介绍几款javascript的集成开发环境（IDE），
一、Eclipse中的JavaScript插件JSDT
JSDT(JavascriptDebugToolkit)是一个用于javascript编辑、调试的eclipse插件，用于调试javascript。JSDT可以跨浏览器调试，支持在IE,Firefox,Safari,Chrome等主流浏览器中调试javascript。JSDT支持设置断点，单步调试等调试工具的基本特性。
1JSDT的安装：
打开Eclipse，选择“Help\EclipseMarketpaces...”
在”find”中输入JSDT查找AllMarks
图1
在查找结果中选择JavascriptDebugToolkit，点击右侧的”learnmore”
点击右侧的绿色下载箭头(如下图)，获取下载地址。
图2 下载链接 图3下载地址
将地址”http://jsdt......”复制下载，然后打开”Help\InstallnewSoftWare...”,t添加一个新的可用的repository，Location中粘贴刚刚复制下来的下载地址。
图4
然后点击“Ok”，进入下一步，之后进入下载状态，等几分钟下载完安装程序后会自动安装。
图5
安装完成后，接下来就可以建立项目，编辑JavaScript代码了。
2建立项目，编辑JavaScript代码
（1）选择“New\Others\JavaScript\JavaScriptProject”，输入项目名，然后下一步，完成。新的项目就建立起来了。
（2）鼠标右击项目名，选择“New\JavaScriptSourceFile”，输入文件名，建立“．Js”文件。接下来编码测试，体验它的强大功能吧！
3编码测试
Test.js
/**
*
*/
function f(){
document.writeln("Hello World");
window.alert("Hello JSDT!");
}
Test.html
<html>
<head><title>jsdt test</title></head>
<body>
Hello!
<script language="javascript" src="Test.js"></script>
<script>
f();
</script>
</body>
</html>
用Eclipse的WebBrowser方式打开，查看测试结构。
通过以上测试，你会发现，当你输入document或window时，他会自动提示document或window对象所包含的全部方法.你就不用自己输入方法名了；当你把一边的大括号”{或}”删除时，他也会报错。这样是不是可以很好地提高效率并减少错误。
二、NetBeans
NetBeans是另一款非常好用的JavaScript编辑和调试工具。
在网上下载一个NetBeans，最新版本好像是NetBeans7.2。一下是我下载NetBeans的一个链接：thunder://QUFodHRwOi8vcDJzLm5ld2h1YS5jb20vZG93bi9uZXRiZWFucy03LjItbWwtamF2YXNlLXdpbmRvd3MuZXhlWlo=
新建一个项目，如NetBeans类型的项目，然后新建一个JavaScript文件。选择”文件\新建文件\其他\JavaScript文件”，点击下一步，完成。
和上面的第3步一样，进行编码测试，看看效果。会发现提示功能好像比JSDT更强大。
三、JavaScript基础语法
1基本数据类型
JavaScript有6种基本数据类型：
JavaScript的6种基本数据类型分别为undefined、number、boolean、string、object与function
Undefined：是指变量被创建后，未给该变量赋值以前所具有的值.如vara;
Number:Number是数值类型，有两种整形和实型；
Boolean：是班的正确和错误的值，有true和false两种情况；
String：字符串用单引号或双引号来说明;
Object：对象数据类型如f=newString("thisisaString!");
Function：函数，是一个引用类型，可以看成是Object的子类；
JavaScript中，变量的定义用var，也可以省略。语法比较松散，不像java这样严谨。如：
Vara=12;a=12;两种方式都可以；字符串的定义b=“test”;varb=‘test’;两种方式都可以；熟悉java的人很容写成inta=12;Strings1="test1";或Strings2=newString("test2");这都是错误的。
下面是关于数据类型的一些例子：
function datatype() {
var a = 123;
b = 125.89;
c = true;
var d = null;
var e;
f = new String("this is a String!");
g='test2';
h = "test3";
document.writeln("整形" + a + "<br>");
document.writeln("实型" + b+ "<br>");
document.writeln("boolean型" + c+ "<br>");
document.writeln("null类型" + d+ "<br>");
document.writeln("Undefined类型" + e+ "<br>");
document.writeln("字符串1" + f+ "<br>");
document.writeln("字符串2" + g+ "<br>");
document.writeln("字符串3" + h+ "<br>");
}
2函数
语法：
Function函数名(参数列表){
函数体
Return一个值或表达式; //return可以省略，视需要而加
}
如：
//Eg1：
function funct1() {
document.writeln("函数1<br>");
}
//Eg2：
function funct2() {
document.writeln("函数2<br>");
var a = 10;
b = 15.5;
return a+b;
}
//Eg3：
function funct3(a, b) {
document.write("最大值为：");
return a>b?a:b;
}
假设上面这些例子都写在Test.js中，则调用该JavaScript方法的html文件如下：
test.html
<html>
<head><title>jsdt test</title></head>
<body>
<script language="javascript" src="Test.js"></script>
<script>
//f();
datatype();
funct1();
var result = funct2();
document.writeln(result + "<br>");
document.writeln(funct3(10, 80));
</script>
</body>
</html>
分享到：
相关推荐
JavaScript开发工具是Web开发中的重要组成部分，它极大地提升了前端开发者的工作效率。JavaScript作为一种动态类型的脚本语言，广泛应用于网页交互、浏览器扩展、服务器端开发（Node.js）等多个领域。随着技术的发展...
Brackets是一款专为Web前端开发者设计的强大而免费的集成开发环境（IDE），它以其开源性质吸引了全球众多开发者参与改进和扩展。Brackets以其简洁的界面、实时预览和高效的编码功能，成为HTML、CSS和JavaScript代码...
EXT IDE是一款专为EXT开发设计的强大集成开发环境（IDE），旨在提供高效、便捷的编码、调试和项目管理功能。EXT是一种基于JavaScript的富客户端应用程序框架，由Sencha公司开发，广泛应用于构建桌面级的Web应用。EXT...
Spket IDE为JavaScript编程提供了强大的支持，包括语法高亮、代码折叠、重构工具等。 5. **Spket IDE**：这款IDE是专为JavaScript和相关技术设计的，对Ext JS有着特别优化。它提供了一整套的开发工具，如代码补全、...
总的来说，"extjs javascript 开发工具 1" 包含了开发ExtJS应用程序的基础工具，既有ExtJS的官方API文档，也有强大的WebStorm IDE，可以帮助开发者快速入门并高效地开发复杂的Web应用程序。通过深入学习和实践，...
但随着项目复杂性的增加，开发者需要更强大的集成开发环境（IDE）和代码编辑器，如Visual Studio Code、WebStorm、Atom或Sublime Text。这些工具提供了代码高亮、自动补全、错误检查和版本控制等功能，极大地提高了...
Cloud9 IDE是一款强大的在线Web集成开发环境（IDE），它支持多种编程语言，包括但不限于Java。这个zip文件包含的是Cloud9 IDE的源代码，对于想要深入理解Web IDE工作原理或者希望对其进行二次开发的Java程序员来说，...
NetBeans IDE是一款强大的集成开发环境（IDE），专为Java开发者设计，同时也支持其他语言如HTML5、CSS、JavaScript等。本教程《NetBeans IDE开发指导》是针对初学者的入门资料，旨在帮助新用户快速掌握该IDE的使用...
JavaScript的广泛使用意味着Oni可以轻松地与现有的Web开发工具链集成。例如，它可以使用ESLint进行代码检查，使用Prettier进行格式化，或者通过VS Code的LSP客户端与各种语言的服务器进行交互。这种集成使得开发者...
Aptana是一款专门为JavaScript开发者设计的强大且开源的集成开发环境（IDE），专攻Ajax应用程序的构建。这款IDE因其丰富的功能和易用性而备受推崇，尤其适合那些英语基础较弱但希望提高开发效率的程序员。 首先，...
Python语法和动态类型，以及解释型语言的本质，使它成为多数平台上写脚本和快速开发应用的编程语言，随着版本的不断更新和语言新功能的添加，逐渐被人们用于独立的、大型项目的开发和设计 Python解释器易于扩展，...
1. JavaScript基础：理解变量、数据类型、控制流程、函数、对象和闭包等基础知识，这是使用任何JavaScript库或框架的基础。 2. Vue.js组件：学习如何定义、使用和组合Vue组件，以及如何传递数据和事件。 3. ...
1. **文本编辑器/IDE**: 对于JavaScript开发，选择一个功能强大的文本编辑器或集成开发环境（IDE）至关重要。常见的选择有Visual Studio Code、WebStorm、Sublime Text、Atom和Notepad++等。这些工具提供了代码高亮...
在进行Python开发时，一个良好的集成开发环境（IDE）是必不可少的工具，它可以帮助程序员提高效率，提供代码提示、调试、版本控制等多种功能。在这个"python开发IDE安装包"中，我们有两个关键组件：Python解释器和...
4. **JavaScript工具和运行时环境**：开发者可以使用各种工具和集成开发环境（IDE）来编写JavaScript代码，例如文本编辑器、对话框生成器等。JavaScript可以在浏览器环境中运行，作为客户端脚本，也可以在Node.js等...
JavaScript编辑工具是程序员日常开发工作中不可或缺的利器，尤其对于JavaScript开发者而言，一款高效、智能的编辑工具能够极大地提升编程效率和代码质量。本篇将详细探讨JavaScript编辑工具的关键功能及其在编程过程...
- **集成开发环境**：使用如Visual Studio Code、Sublime Text等现代IDE也能提供强大的JavaScript开发支持，包括智能代码补全、调试工具等。 #### 四、JavaScript语言基础 - **基本语法**：了解变量声明、数据类型...
总之，ASP.NET JavaScript Focus是一个面向ASP.NET开发者的实用工具，它通过自动化和集成化的方式，降低了JavaScript开发的门槛，提高了开发效率，使得开发者可以更加专注于构建功能丰富、用户体验优秀的Web应用程序...
此外，许多现代IDE（集成开发环境）和代码编辑器，如Visual Studio Code、WebStorm等，都内置了代码格式化插件，支持与ESLint等代码规范检查工具联动，实现自动格式化和错误提示。 在实际应用中，JavaScript格式化...
【1st.JavaScript.Editor.Pro.v3.8】是一款专为JavaScript开发者设计的集成开发环境（IDE），它提供了21天的试用版本，适合新手学习和熟悉JavaScript编程。这款工具对于那些积分不足无法下载完整版的用户来说，提供...