javascript学习笔记讲解版

JavaScript学习笔记

目录

第 1 章JAVASCRIPT的语法 (1)

1.1 什么是脚本程序和JAV ASCRIPT (1)

1.1.1 什么是脚本程序 (1)

1.1.2 Javascrpit的简介 (1)

1.2 脚本代码的位置 (2)

1.2.1 也可将javascript放入到单独的一个文件js文件，在需要使用的时候引入: (2)

1.2.2 在超连接中使用javascript (3)

1.2.3 在button中也可使用javascript (3)

1.3 JAV ASCRIPT的保留关键字 (3)

1.4 JAV ASCRIPT的基本语法 (3)

1.4.1 基本数据类型和常量 (4)

1.4.2 变量: (4)

1.4.3 运算符号 (5)

1.5 JS的控制语句 (6)

1.5.1 switch选择语句 (6)

1.5.2 While循环语句 (7)

1.5.3 do while 语句 (7)

1.5.4 for循环语句 (8)

1.6 J S中的系统函数（它们都属于G LOBAL对象的方法，可以直接使用） (9)

1.6.1 parseInt(numString,[radix])方法 (9)

1.6.2 parseFloat方法 (9)

1.6.3 isNaN方法 (9)

1.6.4 eval方法,用处不小呀!! (9)

1.7 对象 (9)

1.7.1 对象与对象实例 (9)

1.7.2 Math对象 (10)

1.7.3 Date对象 (11)

1.7.4 toString的方法 (11)

1.8 数组 (11)

1.8.1 数组列表 (11)

1.9 A RRAY对象 (12)

1.10 在函数中修改参数值的问题 (13)

第 2 章DOM编程 (15)

2.1 DOM简介 (15)

2.2 如何编写事件处理程序 (16)

2.3 WINDOW对象 (17)

2.4 WINDOW对象－常用方法 (17)

2.4.1 alert方法 (17)

2.4.2 confirm方法 (17)

2.4.3 prompt方法 (18)

2.4.4 navigate方法 (18)

2.4.5 setinterval方法 (18)

2.4.6 setTimeout方法 (18)

2.4.7 clearinterval方法 (18)

2.4.8 clearTimeout方法 (18)

2.4.9 moveTo方法 (18)

2.4.10 resizeTo方法 (18)

2.4.11 open方法 (18)

2.5 WINDOW对象－属性 (20)

2.6 WINDOW对象-事件 (21)

2.6.1 onload事件 (21)

2.6.2 onunload事件 (21)

2.6.3 onbeforeunload事件 (21)

2.6.4 通用事件(针对html元素而言) (22)

2.7 WINDOW对象-对象属性 (22)

2.7.1 location对象 (22)

2.7.2 event对象 (23)

2.7.3 screen对象 (23)

2.7.4 history对象 (23)

2.7.5 navigator对象 (23)

2.7.6 document对象 (23)

2.8 FORMS对象(DOCUMENT的对象属性) (27)

2.8.1 form对象 (27)

2.8.2 form表单字段元素的应用案例 (27)

第 1 章javascript的语法

1.1什么是脚本程序和javascript

1.1.1什么是脚本程序

顺平你好!

问题:

●什么时候执行,在哪里执行的?(注意顺平你好是什么时候显示的?????)

1.1.2Javascrpit的简介

最早是livescript,是一种基于对象和事件驱动，并具备安全性的脚本语言,是有netscapce公司提供的，后和sun公司合作，将livescript更名为javascript microsoft jscirpt

1.1.

2.1Java 与javascript的关系

●由两个公司提供的.

●作用与用途不一样.

●两个公司合作，这样他们的语法有相识之处

●javascript不是java的子集

1.1.

2.2javacript、Jscript 与ECMAscript

jscript是由微软提供的,由于得不到netscape公司的技术支持，自己编写的.它和javascript就非常相似的.

他们在不停的发展,你可以去网站了解最新的标准.

Javascript : https://www.wendangku.net/doc/5c13894976.html,

Jscript: http://msdn.microsoft/scripting

1.2脚本代码的位置

这是一个html段落

顺平!

这个效果如同将my.js的所有内容都引入到标签之间

1.2.2在超连接中使用javascript

顺平!

1.2.3在button中也可使用javascript

其实就是对html控件的事件进行处理

1.3javascript的保留关键字

查看javascript帮助文档

1.4javascript的基本语法

不要使用javascript的保留字

javascript大小写敏感

sp , Sp是不同的

中，英文的分号、引号要注意.

Javascript的注释：

// 单行注释

/* */多行注释

1.4.1基本数据类型和常量

1.4.1.1整形常量

比如: 1 ，45，567

1.4.1.2实数常量

比如: 34.5 ，67.89

1.4.1.3布尔常量

true,false

1.4.1.4字符串常量

没有字符常量，即使是一个字符，也被当作字符串

“a girl”, …abcde?,”a”,”“

注意: 1如果有特殊字符串，要有\ 转义

2 在js中不能把一个长的字符串简单的分成多行显示，要有+来分行

1.4.1.5null常量

1.4.1.6undefine常量

1.4.2变量:

js 中是弱数据类型的，在定义变量时，不需要指明该变量的类型(由js引擎来决定) var name=“shunping”; //name是字符串

var kk=2 //kk是数

var yy //yy是undefined

如果name=234;//这时name自动变成数.

不声明变量直接使用

x=345; //亦可, 但是这应该是一个字符串

1.4.3运算符号

1.4.3.1算术运算符号

加号运算符

?注意：可以用于数的加运算，也可以用于字符串的拼结。减法运算符-

乘法运算符*

除法运算符/

9/4 会保留小数部分，而不是2，这和java是不一样的。

求模运算符%

++运算符

有前++,和后++。他们的规则和java是一样的。

--运算符

1.4.3.2赋值运算符

=就是赋值运算符，就是将值赋值给某个变量。

如：var x=3、x+=6、x-=7、x*=9、x/=6 、x%=5等等

1.4.3.3比较运算符号

大于运算符> 。

小于运算符< 。

大于等于>= 。

小于等于<= 。

等于= = 。

不等于!= 。

特别注意不要把等于和赋值运算符混淆。

1.4.3.4逻辑运算符号

逻辑与&& 。

逻辑或|| 。

逻辑非! 。

在js中，仍然遵循非0为真，0为假的原则，因此如果!0 (true)、!7 (false)。这点要注意。

1.4.3.5位运算符号

这个因为在编程中，用的不是很多，我们就不作介绍了，请大家参看相关的资料吧。

位与& 1&3

位或| 1|3

位异或＾1＾3

位右移>> 3>>2

位左移<< 3<<1

1.5js的控制语句

1.5.1switch选择语句

switch(表达式){

case 取值1:

语句

break;

……

case 取值n:

语句快

break;

default:

语句块n+1

break;

}

它与java的switch是一样的，同样要注意表达式可以是js支持的所有数据类型!!

案例说明:可以使用1,2,3…来判断和显示是星期几的对话框提示.

1.5.2While循环语句

While(条件表达式语句){

执行语句块

}

案例

var x=8;

while(x<10){

alert(“x=“+x);

x++;

}

一定要注意这种语句可能造成死循环，比如在while() 后直接加入分号；可以给同学看看当运行该脚本时，浏览器中会给出怎样的提示。

1.5.3do while 语句

do{

执行语句块

}while(条件表达式);

注意不论条件表达式是否成立，执行语句快总会被执行一次.

案例:

var x=3;

while(x==0){

alert(“你好”);

x++;

}

var x=3;

do{

alert(“你好”);

x++

}while(x==0);

1.5.4for循环语句

for(初始化表达式;循环条件表达式;循环后一次操作表达式){

执行语句块

}

案例：

同学一般都会理解，但是仍然可以举一个例子加深对for循环运行原理的理解

var i=0;

var result=““;

for(x=1;x<5;x++){

result=result + “ x=“ + x;

}

alert(result);

对案例修改：将x=1提出for循环看看，再将x++;放入到for循环体内看看，再将x<5想办法放入到for循环体。这里是一种授课思路.

1.6Js中的系统函数（它们都属于Global对象的方法，可以直接

使用）

1.6.1parseInt(numString,[radix])方法

将一个字符串转换成一个数字

如果没有指定[radix],那么默认为十进制

案例：举一个表单有两个数,求他们的和，并把它们的和在结果文本框中输出.

1.6.2parseFloat方法

将一个字符串转换成一个float数

1.6.3isNaN方法

返回一个Boolean 值，isNaN() 函数用于检查其参数是否是非数字值.

案例：isNaN(“hello”) ，isNaN(123);

1.6.4eval方法,用处不小呀!!

将其中的字符串作为一个js表达式来执行。

比如：alert(“ok”); eval(“alert(\”ok\”)”);

当然也可var k=“ok” ; eval(“alert(k)”);

1.7对象

1.7.1对象与对象实例

这个和java中的对象和对象实例的概念相同。

语法：

var objectinstance=new ObjectName(参数);

说明：属性和方法的增加是针对对象实例而不是对象的…

在访问属性时，也可以时使用myCat[“age”]这种方式，这样访问属性时可以动态的变化。

案例扩展:

●alert(https://www.wendangku.net/doc/5c13894976.html,+":"+myCat.age); 改为alert(myCat[“name”]+":"+myCat.age);

●改为：var k=“name” alert(myCat[x]+":"+myCat.age); 这样更加灵活。

1.7.2Math对象

是一个静态对象，不能用new来创建对象实例。

应当使用对象名.成员的格式来访问其属性和方法，例如，var num=Math.random();

它常用的方法有：

abs方法，返回数的绝对值。

sin、cos方法，分别返回数的正旋和余旋值

asin、acos

random 方法0～1 的随机数

1.7.3Date对象

构造函数:

Date()、Date(dateV al)、Date(year,moth,date)..详细请查看msdn的js帮助文档。

parse方法,它返回一个表示时间的字符串。

getY ear、getMohth(特别说明月份是从0开始编号的)、getDate等方法。。。

案例：

1.7.4toString的方法

toString方法是JS中所有内部对象的一个成员方法，它的主要作用就是将对象的数据转换成某种格式的字符串来表示。具体的转换方式取决于对象的类型。

var x=456;

alert(“hex=“+x.toString(16)); //表示把x转成16进制的一个字符串.

1.8数组

1.8.1数组列表

用于表示一组数据的集合，它由一对方括号[]包围，列表的每个元素用逗号分隔，数组元素可以是任意类型的数据。

比如：var arr=[“shunping”,123,”1.1”,4.5,]

●可以通过arr.length 求得数组的长度。

可以通过arr[0] ，arr[1]，….. arr[arr.length-1]访问数组中的各个变量。

案例：

用for循环去访问arr数组的各个元素：

for(int i=0;i

}

●数组的元素可以是一个js的表达式

var arr=[“shunping”,123,”1.1”,4.5,”f4”+2]

●数组的元素还可以是一个数组

var arr=[[“shunping”,123,”1.1”,4.5],[“a”,”b”,”c”]]

请大家思考如何访问到上面的这个数组中的所有元素。

var arr=[[“shunping”,123,”1.1”,4.5],[“a”,”b”,”c”],abv]

请思考上面的arr又如何访问

1.9Array对象

这个比先前的自定义的数组更加方便：

第一中方法

var arr=new Array();

增加新的元素

arr[0]=“abc”;

第二种方法

var arr=new Array(4)

第三中方法

var arr=new Array(“abc”,”rty”);

利用Array来创建数组，就可以利用Array对象提供的一些方法比如sort();

比如：

var arr=new Array("abc","rty","g");

arr.sort();

for(var i=0;i

alert(arr[i]);

}

关于sort()的详细用法，可以参考W3School 的javascript 部分文档说明。 一起完成一个数组的小案例

:

1.10 在函数中修改参数值的问题

请同学们思考下面代码执行结果是什么?

请同学们思考下一段代码执行的结果是什么?

上边的代码是用来干什么的呢?禁用鼠标右键。

上边的代码你也可以这样写，会更加的简单。

看下面代码片段：如果要让超连接失效可以这样简写

新浪

案例1: 点击某个超链接，跳出一个对话框，显示当前日期.

2: 把鼠标移动到某个按钮上，弹出对话框，显示…Hello,world?

2.3window对象

window对象代表浏览器的整个窗口，编程人员可以利用window对象控制浏览器窗口的各个方面，如改变状态栏上的文字、弹出对话框、移动窗口位置等。

对window对象的属性和方法的引用，可以省”window.”这个前缀，比如window.alert(“ok”); 可以写成alert(“ok”);

2.4window对象－常用方法

参考w3school 的html dom编程部分文档

2.4.1alert方法

window.alert(“你好”);

2.4.2confirm方法

window.confirm(“你好”);

//删除确认的按钮或是超链接

案例:

if (window.confirm(“你好”)){

window.alert(“好”);

}else{

JavaScript入门教程(初学者不可多得的优秀入门教材,通俗易懂,专业术语通俗化)

第 1 章 JavaScript 语言入门 1 为什么学习 JavaScript
提要：Javascript 是学习脚本语言的首选。她兼容性好，绝大多数浏览器均支持 Javascript，而且她功能强大，实现简单方便，入门简单，即使是程序设计新手也可以非常 快速容易地使用 JavaScript 进行简单的编程。
Javascript 是由 Netscape 公司创造的一种脚本语言。为便于推广，被定为 javascript，但 是 javascript 与 java 是两门不相干的语言， 作用也不一样。 作为一门独立的编程语言， javascript 可以做很多的事情，但它最主流的应用还是在 Web 上——创建动态网页(即网页特效)。 Javascript 在网络上应用广泛， 几乎所有的动态网页里都能找到它的身影。 目前流行的 AJAX 也是依赖于 Javascript 而存在的。 Javascript 与 Jscript 也不是一门相同的语言， Jscript 和 vbscript 是微软开发的两种脚本语 言，微软，Netscape 公司以及其他语言开发商为减少 web 开发者的兼容麻烦，所以成立 ECMA ， 该组 织 专 门制定 脚 本 语 言的 标 准 和规范 。 ECMA 制 定 的标 准脚 本 语 言 叫做 ECMAScript，Javascript 符合 ECMA 的标准，其实 Javascript 也可以叫做 ECMAScript. Jscript 也 ECMA 的标准， 但用户较少。vbscript 仅局限在微软的用户， Netscape 不支持。 概括地说，JavaScript 就是一种基于对象和事件驱动，并具有安全性能的脚本语言，脚 本语言简单理解就是在客户端的浏览器就可以互动响应处理程序的语言， 而不需要服务器的 处理和响应，当然 JavaScript 也可以做到与服务器的交互响应，而且功能也很强大。而相对 的服务器语言像 asp https://www.wendangku.net/doc/5c13894976.html, php jsp 等需要将命令上传服务器，由服务器处理后回传处理结 果。对象和事件是 JavaScript 的两个核心。 JavaScript 可以被嵌入到 HTML 文件中，不需要经过 Web 服务器就可以对用户操作作 出响应，使网页更好地与用户交互；在利用客户端个人电脑性能资源的同时，适当减小服务 器端的压力，并减少用户等待时间。
2 将 JavaScript 插入网页的方法
与在网页中插入 CSS 的方式相似，使用
language="javascript"表示使用 JavaScript 脚本语言，脚本语言还有 vbscript、 jsscript 等，如果没有 language 属性，表示默认使用 JavaScript 脚本。其中的...就是代 码的内容。例如：

Javascript基础教程

Javascript简介 (2) Javascript简介 (2) 简单的Javascript入门示例 (4) 编写Javascript 代码 (5) 语句(Statements) (5) 语句块(Blocks) (6) 注释(Comments) (7) 表达式(Expressions) (8) 赋值和等于(Assignments and Equality) (9) Javascript常用运算符(Operators) (10) 算术运算符 (10) 逻辑运算符 (11) 赋值运算符 (12) Javascript 循环语句(Javascript Loop Statements) (12) 使用for 循环语句 (13) 使用for...in 循环语句 . (15) 使用while 和do...while 循环语句 (17) 使用break 和continue 语句 (20) Javascript写在哪里 (23) Javascript在之间 (23)

Javascript在之间 (24) Javascript放在外部文件里 (25) Javascript变量(Javascript Variables) (26) 什么是变量？ (26) 变量的声明(Declaring Variables) (26) 变量的命名规则 (27) Javascript条件语句(Javascript Conditional Statements) (27) 单项条件结构(if条件语句) (28) 双向条件结构(if...else条件语句) (29) 多项条件结构(switch条件语句) (31) Javascript保留字(Javascript Reserved Words) (32) Javascript未来保留字(Javascript Future Reserved Words) (33) Javascript简介 Javascript简介

Javascript教程--从入门到精通【完整版】

Javascript教程--从入门到精通【完整版】 （作者：未知，来源：互联网整理：Alone） JavaScript教程语言概况 Internet时代，造就了我们新的工作和生活方式，其互联性、开放性和共享信息的模式，打破了传统信息传播方式的重重壁垒，为我们带来了新的机遇。随着计算机和信息时代的到来，人类社会前进的脚步在逐渐加快，每一天都有新的事情发生，每一天都在创造着奇迹。随着Internet技术的突飞猛进，各行各业都在加入Internet的行业中来。无论从管理方面，还是从商业角度来看，Internet都可以带来无限生机。通过Internet，可以实现地区、集体乃至个人的连接，从而达到一种“统一的和谐”。那么怎样把自己的或公司的信息资源加入到WWW 服务器，是广大用户日益关心的问题。采用超链技术（超文本和超媒体技术）是实现这个目标最简单的、最快速的手段和途径。具体实现这种手段的支持环境，那就是HTML超文本标识语言。通过它们可制作所需的Web网页。 通过超文本(Hyper Text)和超媒体(Hyper Media)技术结合超链接(Hyper link)的链接功能将各种信息组织成网络结构(web)，构成网络文档(Document)，实现Internet上的“漫游”。通过HTML符号的描述就可以实现文字、表格、声音、图像、动画等多媒体信息的检索。 然而采用这种超链技术存在有一定的缺陷，那就是它只能提供一种静态的信息资源，缺少动态的客户端与服务器端的交互。虽然可通过CGI(Common Gateway Interface)通用网关接口实现一定的交互，但由于该方法编程较为复杂，因而在一段时间防碍了Internet技术的发展。而JavaScript的出现，无凝为Internet网上用户带来了一线生机。可以这样说,JavaScript的出现是时代的需求,是当今的信息时代造就了JavaScript。 JavaScript的出现，它可以使得信息和用户之间不仅只是一种显示和浏览的关系，而是实现了一种实时的、动态的、可交式的表达能力。从而基于CGI静态的HTML页面将被可提供动态实时信息，并对客户操作进行反应的Web页面的取代。JavaScript脚本正是满足这种需求而产生的语言。它深受广泛用户的喜爱的欢迎。它是众多脚本语言中较为优秀的一种，它与WWW的结合有效地实现了网络计算和网络计算机的蓝图。无凝Java家族将占领Internet网络的主导地位。因此，尽快掌握JavaScript脚本语言编程方法是我国广大用户日益关心的。 一、什么是JavaScript JavaScript是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言。使用它的目的是与HTML超文本标记语言、Java 脚本语言（Java小程序）一起实现在一个Web页面中链接多个对象，与Web客户交互作用。从而可以开发客户端的应用程序等。它是通过嵌入或调入在标准的HTML语言中实现的。它的出现弥补了HTML语言的缺陷，它是Java与HTML折衷的选择，具有以下几个基本特点： 脚本编写语言 JavaScript是一种脚本语言，它采用小程序段的方式实现编程。像其它脚本语言一样,JavaScript同样已是一种解释性语言，它提供了一个易的开发过程。 它的基本结构形式与C、C++、VB、Delphi十分类似。但它不像这些语言一样，需要先编译，而是在程序运行过程中被逐行地解释。它与HTML标识结合在一起，从而方便用户的使用操作。 基于对象的语言 JavaScript是一种基于对象的语言，同时以可以看作一种面向对象的。这意味着它能运用自己已经创建的对象。因此，许多功能可以来自于脚本环境中对象的方法与脚本的相互作用。 简单性 JavaScript的简单性主要体现在：首先它是一种基于Java基本语句和控制流之上的简单而紧凑的设计, 从而对于学习Java是一种非常好的过渡。其次它的变量类型是采用弱类型，并未使用严格的数据类型。 安全性 JavaScript是一种安全性语言，它不允许访问本地的硬盘，并不能将数据存入到服务器上，不允许对网络文档进行修改和删除，只能通过浏览器实现信息浏览或动态交互。从而有效地防止数据的丢失。 动态性 JavaScript是动态的，它可以直接对用户或客户输入做出响应，无须经过Web服务程序。它对用户的反映响应，是

JavaScript初级基础教程

JavaScript初级基础教程 一：语句、执行顺序、词法结构、标识符、关键字、变量、常量、alert语句和console控制台。 JavaScript执行顺序： step 1. 读入第一个代码块。 step 2. 做语法分析，有错则报语法错误（比如括号不匹配等），并跳转到step5。 step 3. 对var变量和function定义做“预编译处理”（永远不会报错的，因为只解析正确的声明）。 step 4. 执行代码段，有错则报错（比如变量未定义）。 step 5. 如果还有下一个代码段，则读入下一个代码段，重复step2。 step6. 结束。 javascript语法结构： 一：字符集 1、区分大小写 JavaScript是区分大小写的语言 所有的标识符（identifier）都必须采取一致的大小写形式 但是Html并不区分大小写（尽管Xhtml区分） 2、空格、换行符和格式控制符 JS会忽略程序中的标识（token）之间的空格。多数情况下也会忽略换行符 除了可以识别普通的空格符（\u0020）,JS也可以识别如下这些表示空格的字符 *水平制表符（\u0009） *垂直制表符（\u000B） *换页符（\u000C） *不中断空白（\u00A *字节序标记（\ufeff）

JS将如下字符识别为行为结束符 三：注释 //单行 /*...*/多行 四：直接量 直接量（literal）：就是程序中直接使用的数据值。 eg：12//数字 1.2//小数 “hello world” //字符串文本 ’hi‘ //字符串 ture //布尔值 false //另一个布尔值 /javascript/gi //正则表达式直接量（用做模式匹配） null //空 五：标识符和保留字 在js中标识符用来对变量和函数进行命名，或者用作Js代码中的某些循环语句中的跳转位置的标记。 JS标识符必须以字母、下划线（_）或美元符（$开始) 六：类型、值和变量 js数据类型分为两类：原始类型（primitive type）和对象类型（object type）。 primitive type：原始类型包括数字、字符串和布尔值 js中有两个特殊的原始值：null和underfined（未定义） 除了上述以外就是对象了：对象（object）是属性（property）的集合 ***js除了数组（Array）类和函数（Function）类以外 还定义了其他的三种有用的类：日期（Date）类定义了代表日期的对象 正则（RegExp）类定义了表示正则表达式（y一种强大的模式匹配工具）的对象。 错误（error）类定义了那些表示Js程序中运行时错误和语法错误的对象。

JavaScript入门基础教程(1)js入门+和数据类型介绍

昨日回顾 position：定位 position:static; position:absolute; 设置元素为绝对定位 1、相对于具有定位方式为absolute、relative的最近父元素进行定位;如果没有这样 的父元素，相对于文档左上角。 2、元素设置为绝对定位后，其他的元素会填充其位置。 3、一个行元素设置为绝对位后会自动变为块元素。 position:relative; 1、相对定位相对于本身在原文档中的位置 2、元素设置为相对定位后，其后的元素不会填充其位置 position:fixed; 1、元素设置为固定位置后，相对于浏览器窗口左上角 2、元素设置为固定定位后，其后元素会来填充其位置 当一个元素仅设置定位方式时，元素的位置默认不变，只有当为left、top、right、botom 设置值时，元素才会进行定位 如果想让元素实现动画效果，元素必须设置为相对定位或绝对定位 display:设置元素的显示方式 display:none; 设置元素不显示 display:block; 将元素调置为块元素 display:inline; 将元素设置为行元素 overflow:hidden; 设置元素内容超出元素的范围时隐藏 清除内部元素的浮动 overflow:scroll; 设置滚动条 overflow:auto; overflow-x: 设置水平滚动条 overflow-y: 设置垂直滚动条 处理浏览器兼容性： 1、初始化 2、使用通用的属性 3、CSS hack 针对不同浏览器书写不同代码 IE6、IE7、FireFox CSS Hack书写顺序：Firefox > IE7 >IE6

javascript菜鸟基础教程

JavaScript 简介 JavaScript 有什么特点 JavaScript 使网页增加互动性。JavaScript 使有规律地重复的HTML文段简化，减少下载时间。JavaScript 能及时响应用户的操作，对提交表单做即时的检查，无需浪费时间交由 CGI 验证。JavaScript 的特点是无穷无尽的，只要你有创意。 Java 与 JavaScript 有什么不同 很多人看到 Java 和 JavaScript 都有“Java”四个字，就以为它们是同一样东西，连我自己当初也是这样。其实它们是完完全全不同的两种东西。Java，全称应该是Java Applet，是嵌在网页中，而又有自己独立的运行窗口的小程序。Java Applet 是预先编译好的，一个 Applet 文件（.class）用 Notepad 打开阅读，根本不能理解。Java Applet 的功能很强大，可以访问 http、ftp等协议，甚至可以在电脑上种病毒（已有先例了）。相比之下，JavaScript 的能力就比较小了。JavaScript 是一种“脚本”（“Script”），它直接把代码写到 HTML 文档中，浏览器读取它们的时候才进行编译、执行，所以能查看HTML 源文件就能查看JavaScript 源代码。JavaScript 没有独立的运行窗口，浏览器当前窗口就是它的运行窗口。它们的相同点，我想只有同是以 Java 作编程语言一点了。开发 JavaScript 该用什么软件 一个 JavaScript 程序其实是一个文档，一个文本文件。它是嵌入到 HTML 文档中的。所以，任何可以编写 HTML 文档的软件都可以用来开发 JavaScript。在此我推荐大家用 FrontPage 2000 附带的 Microsoft 脚本编辑器（在FrontPage 菜单 | 工具 | 宏 | Microsoft 脚本编辑器）。它是个像 Visual Basic / C++ 一样的程序开发器，能对正在输入的语句作出简要提示。配合 FrontPage 2000，使工作量大大减少。 JavaScript 语言的基础在什么地方插入 JavaScript JavaScript 可以出现在 HTML 的任意地方。使用标记，你可以在 HTML 文档的任意地方插入 JavaScript，甚至在之前插入也不成问题。不过如果要在声明框架的网页（框架网页）中插入，就一定要在之前插入，否则不会运行。 基本格式