JavaScript教程【从入门到精通】

JavaScript教程,JavaScript是由Netscape公司开发并随Navigator导航者一起发布的、介于Java与HTML之间、基于对象事件驱动的编程语言，正日益受到全球的关注。因它的开发环境简单，不需要Java编译器，而是直接运行在Web浏览器中，而因倍受Web设计者的所爱,JavaScript教程语言概况,JavaScript的出现，它可以使得信息和用户之间不仅只是一种显示和浏览的关系，而是实现了一种实时的、动态的、可交式的表达能力 . JavaScript脚本正是满足这种需求而产生的语言。它深受广泛用户的喜爱的欢迎。它是众多脚本语言中较为优秀的一种，它与WWW的结合有效地实现了网络计算和网络计算机的蓝图。无凝Java家族将占领Internet网络的主导地位。,JavaScript几个基本特点,脚本编写语言 基于对象的语言 简单性 安全性 动态性 跨平台性,JavaScript和Java的区别,虽然JavaScript与Java有紧密的联系，但却是两个公司开发的不同的两个产品。 Java是SUN公司推出的新一代面向对象的程序设计语言，特别适合于Internet应用程序开发； JavaScript是Netscape公司的产品，其目的是为了扩展Netscape Navigator功能，而开发的一种可以嵌入Web页面中的基于对象和事件驱动的解释性语言，它的前身是Live Script； Java的前身是Oak语言。,基于对象和面向对象,Java是一种真正的面向对象的语言，即使是开发简单的程序，必须设计对象。 JavaScript是种脚本语言，它可以用来制作与网络无关的，与用户交互作用的复杂软件。它是一种基于对象（Object Based）和事件驱动（Event Driver）的编程语言。因而它本身提供了非常丰富的内部对象供设计人员使用。,解释和编译,两种语言在其浏览器中所执行的方式不一样。Java的源代码在传递到客户端执行之前，必须经过编译，因而客户端上必须具有相应平台上的仿真器或解释器，它可以通过编译器或解释器实现独立于某个特定的平台编译代码的束缚。 JavaScript是一种解释性编程语言，其源代码在发往客户端执行之前不需经过编译，而是将文本格式的字符代码发送给客户编由浏览器解释执行。,强变量和弱变量,两种语言所采取的变量是不一样的。 Java采用强类型变量检查，即所有变量在编译之前必须作声明。如: Integer x; String y; x=1234; x=4321; 其中X=1234说明是一个整数，Y=4321说明是一个字符串。 JavaScript中变量声明，采用其弱类型。即变量在使用前不需作声明，而是解释器在运行时检查其数据类型，如： x=1234; y“4321“; 前者说明x为其数值型变量，而后者说明y为字符型变量。,代码格式不一样,Java是一种与HTML无关的格式，必须通过像HTML中引用外媒体那么进行装载，其代码以字节代码的形式保存在独立的文档中。 JavaScript的代码是一种文本字符格式，可以直接嵌入HTML文档中，并且可动态装载。编写HTML文档就像编辑文本文件一样方便。,嵌入方式不一样,在HTML文档中，两种编程语言的标识不同， JavaScript使用.来标识 Java使用.来标识。,静态联编和动态联编,Java采用静态联编，即Java的对象引用必须在编译时的进行，以使编译器能够实现强类型检查。 JavaScript采用动态联编，即JavaScript的对象引用在运行时进行检查，如不经编译则就无法实现对象引用的检查。,编写第一个JavaScript程序, / JavaScript Appears here. alert(“这是第一个JavaScript例子!“); alert(“欢迎你进入JavaScript世界!“); alert(“今后我们将共同学习JavaScript知识！“); ,编写第一个JavaScript程序,JavaScript代码由 .说明。在标识.之间就可加入JavaScript脚本。 alert()是JavaScript的窗口对象方法，其功能是弹出一个具有OK对话框并显示（）中的字符串。 通过标识说明：若不认识JavaScript代码的浏览器，则所有在其中的标识均被忽略；若认识，则执行其结果。使用注释这是一个好的编程习惯，它使其他人可以读懂你的语言。 JavaScript 以 标签结束。,JavaScript基本数据结构,JavaScript提供脚本语言的编程与C+非常相似，它只是去掉了语言中有关指针等容易产生的错误，并提供了功能强大的类库。对于已经具备+或语言的人来说，学习JavaScript脚本语言是一件非常轻松愉快的事。,JavaScript代码的加入,可以直接将JavaScript脚本加入文档 JavaScript语言代码； JavaScript 语言代码; 说明： 通过标识.指明JavaScript脚本源代码将放入其间。 通过属性Language =“JavaScript“说明标识中是使用的何种语言，这里是JavaScript语言, 表示在JavaScript中使用的语言。,基本数据类型,基本数据类型 常量 变量,基本数据类型,在JavaScript中四种基本的数据类型：数值（整数和实数）、字符串型（用“”号或括起来的字符或数值）、布尔型（使True或False表示）和空值 .,常量,整型常量 实型常量 布尔值 字符型常量 空值,表达式,在定义完变量后，就可以对它们进行赋值、改变、计算等一系列操作，这一过程通常又叫称一个叫表达式来完成，可以说它是变量、常量、布尔及运算符的集合，因此表达式可以分为算术表述式、字串表达式、赋值表达式以及布尔表达式等。,运算符,算术运算符 比较运算符 布尔逻辑运算符,算术运算符,JavaScript中的算术运算符有单目运算符和双目运算符。 双目运算符： +（加） 、-（减）、 *（乘）、 /（除）、 %（取模） 、|（按位或）、&(按位与)、（右移）、 （右移，零填充）。 单目运算符： -（取反）、（取补）、+（递加1）、-（递减1）。,比较运算符,比较运算符它的基本操作过程是，首先对它的操作数进行比较，尔后再返回一个true或False值，有个比较运算符: (大于)、=(大于等于)、=(等于)、!=(不等于)。,布尔逻辑运算符,在JavaScript中增加了几个布尔逻辑运算符: !（取反)、&=（与之后赋值）、 &（逻辑与）、 |=（或之后赋值）、 |（逻辑或）、 =（异或之后赋值）、 （逻辑异或）、 ?:（三目操作符）、|（或）、=(等于)、|=(不等于)。 其中三目操作符主要格式如下： 操作数？结果：结果 若操作数的结果为真，则表述式的结果为结果，否则为结果。,一个跑马灯效果的JavaScript文档。, var msg=“这是一个跑马灯效果的JavaScript文档“; var interval = 100; var spacelen = 120; var space10=“ “; var seq=0; function Scroll() len = msg.length; window.status = msg.substring(0, seq+1); seq+; if ( seq = len ) seq = spacelen; window.setTimeout(“Scroll2();“, interval ); else,一个跑马灯效果的JavaScript文档,window.setTimeout(“Scroll();“, interval ); function Scroll2() var out=“; for (i=1; i= len ) seq = 0; ; window.setTimeout(“Scroll2();“, interval ); Scroll(); ,JavaScript程序构成,控制语句 函数 对象 方法 属性,if条件语句,基本格式 if（表述式） 语句段； else 语句段； . 功能：若表达式为true，则执行语句段；否则执行语句段。,if语句的嵌套,if（布尔值）语句； else（布尔值）语句； else if（布尔值）语句； else 语句； 在这种情况下，每一级的布尔表述式都会被计算，若为真，则执行其相应的语句，否则执行else后的语句。,For循环语句,基本格式 for（初始化；条件；增量） 语句集； 功能：实现条件循环，当条件成立时，执行语句集，否则跳出循环体。 说明： 初始化参数告诉循环的开始位置，必须赋予变量的初值； 条件：是用于判别循环停止时的条件。若条件满足，则执行循环体，否则 跳出。 增量：主要定义循环控制变量在每次循环时按什么方式变化。 三个主要语句之间，必须使用逗号分隔。,while循环,基本格式 while（条件） 语句集； 该语句与For语句一样，当条件为真时，重复循环，否则退出循环。 For与while语句 两种语句都是循环语句，使用For语句在处理有关数字时更易看懂，也较紧凑；而while循环对复杂的语句效果更特别。,break和continue语句,与C+语言相同，使用break语句使得循环从For或while中跳出，continue使得跳过循环内剩余的语句而进入下一次循环。,函数,函数为程序设计人员提供了一个丰常方便的能力。通常在进行一个复杂的程序设计时，总是根据所要完成的功能，将程序划分为一些相对独立的部分，每部分编写一个函数。从而，使各部分充分独立，任务单一，程序清晰，易懂、易读、易维护。JavaScript函数可以封装那些在程序中可能要多次用到的模块。并可作为事件驱动的结果而调用的程序。从而实现一个函数把它与事件驱动相关联。这是与其它语言不样的地方。,JavaScript函数定义,Function 函数名 （参数,变元） 函数体;. Return 表达式; 说明： 当调用函数时,所用变量或字面量均可作为变元传递。 函数由关键字Function定义。 函数名：定义自己函数的名字。 参数表，是传递给函数使用或操作的值，其值可以是常量 ，变量或其它表达式。 通过指定函数名（实参）来调用一个函数。 必须使用Return将值返回。 函数名对大小写是敏感的。,函数中的形式参数,在函数的定义中，我们看到函数名后有参数表，这些参数变量可能是一个或几个。那么怎样才能确定参数变量的个数呢？在JavaScript中可通过arguments .Length来检查参数的个数。 例： Function function_Name(exp1,exp2,exp3,exp4) Number =function _Name . arguments .length; if (Number1） document.wrile(exp2); if (Number2) document.write(exp3); if(Number3) document.write(exp4); .,事件驱动及事件处理,JavaScript是基于对象(object-based)的语言。这与Java不同,Java是面向对象的语言。而基于对象的基本特征，就是采用事件驱动(event-driven)。它是在用形界面的环境下，使得一切输入变化简单化。通常鼠标或热键的动作我们称之为事件（Event），而由鼠标或热键引发的一连串程序的动作，称之为事件驱动（Event Driver）。而对事件进行处理程序或函数，我们称之为事件处理程序（Event Handler）。,事件处理程序,在JavaScript中对象事件的处理通常由函数(Function)担任。其基本格式与函数全部一样，可以将前面所介绍的所有函数作为事件处理程序。 格式如下： Function 事件处