flex教程区编程技术01javascript基础

JavaScript是一种描述性的语言，将JavaScript写入eb页面当中能使原来静态的eb页面增加许多绚丽的效果，并使网页的表现形式更加生动活泼。 语言的介JavaScript是语言的一种，在本节里将介绍什么是语言、常用的语言有哪些，以及这些语言之间的区别。 语言（criptingLanguage）是一种简单的程序。这些程序由一些ASCII字符构成，可以使用任何一种文本编辑器来编写。以往的一些程序语言（如语言、C++语言和Java语言等）都必须经过编译，将源代码编译成二进制的可执行文件之后才能运行，而语言不需要事先编译，只要有一个与其相适应的解释器（Interpreter）就可以执行。 顾名思义，服务器语言就是在服务器上执行的语言。常用的服务器语言有ASP、JSP和PHP等。使用服务器，大多数执行过程都在服务器上完成，服务器将运行后的结果返回给客户端。因随着客户端计算机的发展，客户端计算机的功能也越来越强大，有些操作完全可以在客户端计算机上完成。因此，客户端应运而生。客户端只需要在客户端计算机上执行，可以减少服务器的负担及通过网络交互的时间。常用的网页客户端有Javacript、BScript和Jcript。什么是JavaScript最早是由网景公司开发出来的一种跨平台的、面向对象的语言。最初这种语言只能在网景公司的浏览器—Netscape中使用。为了抢占浏览器市场，微软在其InternetExplorer浏览器里也加入了对JavaScript的支持，从此，JavaScript得到了广泛的支持。目前几乎所有的主流浏览器都支持Javacript。客户端的JavaScript：也就是通常所说的JavaScript，这是一种可以与HTML代码写在一起的、由客户端浏览器解释、执行的代码。本书中所说的Javacript就是客户端的Javacript。服务器的JavaScript：这是一种运行在服务器的JavaScript，与ASP、JSP和PHP等服务器语言类似，服务器的JavaScript也拥有服务器的文件、数据库等功能。只是这种JavaScript使用得很少，也不是本书所要讨论的范围。JavaScript、VBScript、JScript和ECMAScript都是网页语言，都可以在客户端浏览器中运行。这3种语言是由不同公司开发的。VBScript是由微软公司根据其VisualBasicJScript也是由微软公司发的，该与JavaScript十分相似，在早期的InternetExplorer浏览器上所用的JavaScript实际上就是Jcript。ECMAScript早期是由网景公司与欧洲计算机制造（EuropeanComputerManufacturersAssociation，ECMA）联合推出的基于JavaScript的国际标准语言。现在的JavaScript与由于JavaScript与VBScript是由不同公司所开发的，因此，这两种语言中的语有些差异，虽JavaScript与Java虽然JavaScript与Java从字面上区别不大，其实两者之间除了在语法上有些相似之外，其余地方几乎没有相同之处。Java与JavaScript虽然都可以在服务器与客户端执行，但Java多运用在服务器，而Javacript多运用在客户端。如果Java要在客户端执行，必须要在客户端安装JM（Javairtualachine）环境。JavaScript可以将代码直接写在HTML文件中，而使用Java所编写的Applet必须独立在HTL文件之外，并在TL文件里调用该pplet。JavaScript是动态类型语言，使用的是松散的数据类型，在使用变量之前不需要变量的数据类型，而Java是静态类型语言，使用的是严谨的数据类型，在使用变量之前必须要变量的数据类型。虽然JavaScript与Java之间的差别很大，但是JavaScript却可以与Java紧密结合。JavaScript可以控制浏览器的行为与内容，Java可以执行绘图、网络连接等功能，通过Javacript与Java的Applet相结合，可以实现更强大的功能。JavaScript表单验证：使用JavaScript可以很方便地验证用户所填写的表单内容是否正确，如果正确，则提交表单；如果不正确，可以哪个表单项目不正确，让用户修改。减少用户操作：使用JavaScript可以利 s来一些用户信息，让曾经登录过的用户省增加安全性：在网上经常会有人、发布消息，通过JavaScript可以设置来防止这类情况的发生，增加性。减少编写和代码的工作量：使用JavaScript可以将同一个的相同部分独立出来，减少代码的输入及代码的工作量。ScriptJavaScript从1995ScriptJavaScript1.0：这是JavaScript的最早版本，当时名为LiveScript，目前在运用中已经不多见了，几乎没有浏览器再支持该版本了。JavaScript1.1：在JavaScript1.0的基础上加入了数组对象，并且修改了JavaScript1.0版本中的部JavaScript1.2：在JavaScript1.1的基础上加入了switch选择语句与正则表达式，同时修正了一些与ECMAv1的不兼容性，但也只是做到了基本兼容，并没有完全兼容。JavaScript1.3：修正了JavaScript1.2与ECMAv1 JavaScript1.5：在JavaScript1.3的基础上引入了异常处理的程序，并使之与ECMAv3JScript1.0：与JavaScript1.0JScript2.0：与JavaScript1.1JScript3.0：与JavaScript1.3基本相当，也与ECMAv1JScript4.0：微软虽然发布了该版JScript，但目前还没有任何浏览器可以支持该版JScript，包括微软的IE浏览器。JScript5.0：在JScript3.0上增加了异常处理，基本上兼容ECMAv3JScript5.5：与JavaScript1.5基本相当，完全兼容ECMAv3JScript5.6：在客户端方面，与JScript5.5ECMAScript最初是网景公司与ECMA合作，基于JavaScript共同制定的一套国际标准的语言。随着技术的不断发展，ECMAScript也在不断地改进，ECMAScript主要经历了以下3个版本。ECMAv1：是基于JavaScript1.1开发的，并且在JavaScript1.1ECMAv2：只是ECMAv1的版，并没有添加新内容，只是增加了一些说明文档ECMAv3：添加了switch浏览器对JavaScript目前在市场上使用比较多的浏览器包括微软公司的InternetExplorer浏览器（简称IE浏览器、网景公司的NetscapeOpera公司的Opera浏览器和ozilla公司的ireFoxJavacript。但是，不同的浏览器对JavaScript的支持有所不同，表1.1列出了主流浏览器对JavaScript的支持情况。表1.1主流浏览器对客户端JavaScriptInternetExplorerNetscapeFirefoxOpera注：InternetExplorer浏览器允许JScript的解释独立于浏览器安装，因此，InternetExplorer浏览器有可能支持任何一个版本的虽然不同的浏览器对JavaScript的支持都不一样，但并不要求网页开发者掌握所有的JavaScript版本内容。因为在客户端使用JavaScript时，都会调用其版本，而且不同版本之间的子集还是比较大的。开启浏览器对JavaScript上一节介绍了浏览器对JavaScript的支持情况，但是浏览器支持JavaScript并不代表浏览器就一定开启了对JavaScript的支持功能。出于安全与个性的考虑，很多浏览器允许用户设置是否开启显示、多文件和JavaScript功能。如果用户使用JavaScript功能，即使浏览器支持JavaScript，JavaScript也不能在网页中生效。微软的InternetExplorer浏览器在Windows操作系统之上，一举获得了大量用户。下面InternetExplorer6.0为例，介绍如何开启InternetExplorer浏览器对JavaScript打开一个InternetExplorer图 （图 【Internet选项】框。在该框中切换到【安全】选项卡，如图1.1所示。在 Internet：通常上网所浏览的网页都属于Internet区域范围。在该区域里设置的安全级别可以影响整个Internet中网页的显示结果。本地Intranet：Intranet主要是指企业内部的计算机网络，其实就是一个局域网。局域网与Internet一样，可以拥有Web服务器、FTP服务器和Mail服务器等Inernt设置的安全级别可以影响整个局域网中的网页显示图 受信任的站点：在Internet里有很多，这些无论从内容上还是从质量上看，都良莠不齐。对于一些，如银行等有可能要安装一些安全控件，对于这些，可能需要把安全级图 受限制的站点：除可信任的之外，有些放置了一些令人不愉快的控，那么就可将这些在受限制的站点】区域里，并该区域的安全别设置得高，这些运行Javacript或ctiveX程序。在如图1.1所示的框中选择要设置的区域，如Internet区域，然后单击【自定义级别】按钮，弹出如图1.2所示的【安全设置】框。在【安全设置】框里拖动滚动条，找到【】选项，建议将【Java小程序】与【活动】都设置为“启用”状态。Netscape浏览器对JavaScript支持的设置没有InternetExplorer浏览器设置得那么细，只能设置所有网页是否支持JavaScript功能。但Netscape浏览器可以设置网页支持哪些JavaScript功能。下面以Netcape7为例，介绍如何开启etcape浏览器对Javacript的功能支持。图 在如图1.3所示的【个性设置】框左侧的【类别】列表框里选择【高级】→【和插件】选项，弹出如图1.4所示的【和插件】框。图 【和插件】 图 图 在如图1.7所示的选项卡中，选中【允许使用JavaScript】复选框，开启Opera浏览器对Opera浏览器也可以设置支持哪些JavaScript功能。在如图1.7所示的选项卡中单击【JavaScript选项】按钮，弹出如图1.8所示的【JavaScript选项】框，在该框中可以设置Opera浏览器支持哪些Javacript功能。图 图 Firefox浏览器是一个自由的、开放源码的浏览器，其安全性比IE浏览器高，因此，也受到不少用户的青睐。下面以irefox2为例，介绍如何开启Firefox浏览器对JavaScript的支持。图 在如图1.10所示的框中，选择【用JavaScript】复选框，开启Firefox浏览器对JavaScript的支持。Firefox浏览器也可以设置支持哪些JavaScript功能。在如图1.10所示的框中，单击【高】按钮，弹出如图1.11所示的【JavaScript高级设置】框。在该框里可以设置Firefox浏览器支持哪些JavaScript功能。图 图 微软的InternetExplorer浏览器将网页的来源分为Internet、本地Intranet、受信任的站点和受限制的站点4个区域，但这4个区域里都不包括本地网页。如果在IE浏览器里打开包含JavaScript的网页，有可能出现如图1.12所示的界面，在该界面中可以看到IE浏览器发出了安全提示。如果要继续执行网页中包含的JavaScript脚本，可以右击安全提示区域，在弹出的快捷菜单中选择【允许的内容】命令，图1.12所示。不过，该方法只能在该网页上产生作用，如果再打开另一个包含JavaScript的本地网页，IE浏览器

12使用IE浏览器打开包括JavaScript的本地还会出现相同的安全提示。如果要永久地消除12使用IE浏览器打开包括JavaScript的本地（1）打开一个InternetExplorer（2）选择【工具】→【Internet选项】命令，弹出在【Internet选项】框中切换到【高级】选项卡，在如图1.13所示的【高级】选项卡中选择【允许活动内容在我的计算机上的文件中运行】复选框。如果是光盘中包含JavaScript的网页，也可以选择【允许来自CD的活动内容在我的计算机上运行】复选框。图 在最初的程序设计中，所有的关系都是用变量或表达式来构成的，程序员常常很难弄清楚每个变量或表达式之间的关系，直到面向对象的概念出现。Javacript也是一种面向对象的语言。所谓对象，实际上就是一个事先定义好的程序模块。在程序模块中定义好变量或表达式之间的关系，程序员可以直接使用这些关系来设计自己的程序。对象就是一个程序模块，该程序模块通常可以实现一类功能。从实现上看，任何一个东西都可以看成是一个对象，例如，电脑是一个对象、MP3是一个对象、房子也是一个对象，只要是一个整体的东西，就是一个对象。反过来说，对象也就是一个整体。在JavaScript中包含浏览器信息的Navigator是一个对象，包含信息的Location是一个对象，包浏览历史信息的History也是一个对象。对象可以说是Javacript中的一个基本单位。在对象中，最重要的两个概念就是方法与属性了。所谓方法，就是对象所能完成的功能；所谓属性，就是对象本质上的数值。例如，在一个MP3中，其大小、厂家和保修时间都是这个MP3的属性。Javacript中的Location对象中的href也是一个属性，该属性指明当前是什么。而在一个MP3中，有快进、后退、上一首歌和下一首歌等按钮。按下这些按钮时，会产生一定的功能作用，每一个按钮都可以看成是一个方法。JavaScript中的Location对象中的reload()也是一个方法，该方法可以让浏览器再次将当前文档装载进来。在JavaScript中已经预定义好了很多对象，程序员可以直接使用这些对象。对象都是使用new运算符来定义的，例如，可以使用以下语句来定义一个新的日期对象。varvarnow=newnow”就是一个日期对象（或者说是日期对象的一个实例，使用“.”运算符可以直接使用对象中的方法与属性。例如，想得到当前日期的年份字段，可以使用以下方法。虽然JavaScript称为“面向对象”的语言，但是在JavaScript中并没有正式的“类”的概念，这一点与其他面向对象的程序设计语言有所不同。简单地说，类是指一个分类，例如汽车、动物都是类。而在汽车类中的卡车、公共汽车和货车等都是对象。同样，在动物类中，猪、狗和猫等也都是对象。在JavaScript里，使用new运算符可以定义一个新对象，这一点与类很相似。可以这样认为，new运算符后的函数就是一个类，而使用new运算符所定义的对象就相当于将类实例化，也称为对象实例。如以下代码所示。varvarnow=new在上面的代码中，可以将Date看成是一个日期类，而now就是一个对象，是将日期类实例化后的一个对象。由于JavaScript中没有“类”的概念，所以，常常把对象实例也简称为对象。JavaScriptJavaScript是嵌入HTML中的一段程序代码。因此，只要能编辑HTML的编辑器，都可以编辑记事本是最简单的文本编辑器，除了做些简单的文字处理之外，就没有其他功能了。如果使用记事本来编辑JavaScript，需要对JavaScript的语法、对象等比较熟悉。不过也因为记事本比较简单，打开速度快，使用方便，常常用来做局部的修改。如图1.14所示的为使用记事本编辑JavaScript的界面。1stJavaScript

图 1stJavaScriptEditor是一个很出色的JavaScript编辑软件，有着十分丰富的编辑功能，可以显示正确的语法代码，还有十分出色的提示功能。在输入代码时可以弹出代码提示，除了可以提高开发人员的工作效率之外，还可以减少出现错误的几率。如图1.15所示为1stJavaScriptEditor编辑JavaScript的界面。图 使用1stJavaScriptEditor编辑UltraEditUltraEdit32是由IDMComputerSolutions公司的著名的文本编辑器，该编辑器内置了HTL、JavaScript的语法检查，可以显示正确的JavaScript代码。UltraEdit32可以同时编辑多个文件，并且开启速度也很快，可以取代记事本的使用。如图1.16所示的为ltraEdit32编辑Javacript的界面。图 使用UltraEdit32编辑Macromedia公司的Dreameaver是建立eb应用程序开发功能与代码编辑组合在一起，并且内置了一些JavaScript小程序。在手动编辑JavaScript方面也有代码提示，可以让程序员轻松地完成代码编辑工作。如图1.17所示的为Dreamweaver编辑图 在网页中加入JavaScript作为一种语言，可以插入到HTML代码中，下面介绍如何在HTML代码中加使用<script>在HTML中加入Script代码，必须将Script代码放在<script>与</script>之间。如以下代码所示注意加粗的文字。 图 sample01htm的运行结在JavaScript中可以使用对象的write()方法在网页中输出文字，其使用方以上代码为光 里“代码\第01章\sample03.htm”的内与其他语言程序一样，JavaScript也可以使用注释语句来注释一行或一段代码，注释的代码是不会被执行的，通常用于代码调试或说明。JavaScript中的注释语句有两种：单行注释与多行注释。

图 sample03htm的运行结多行注释语句如下所示，JavaScript会将放置在“/*”与“*/”之间的所有文字都当做注释内容忽略掉，无论“/”与“/”之间有多少行文字。 图 sample04htm的运行结使用HTML的注释语句来标记JavaScript虽然现在主流的浏览器都支持JavaScript，但也无法确保所有用户都在使用主流浏览器。有些用户甚至还在使用不支持Javacript的浏览器来浏览网页。此时，可以利用HTML的注释语句来标记Javacript代码，让那些老浏览器不执行这些JavaScript代码。在HTML语言里，可以使用“<!--”与“-->”来注释代码，其使用方法如以下代码所示，注意加粗的文字。 由于Javacript是嵌在TML中的代码，如果要浏览JavaScript的效果，只要能运行TML文件即可。本地计算机上的HTML文件可以直接双击开，eb上的HTML文件可以在浏览器中输入打开。在本书中所有的范例默认为使用微软的InternetExplorer6.0浏览器打开。如果在编写JavaScript代码时出现错误，使用InternetExplorer浏览器打开该文件时，会出现错误提示，如图1.21所示。双击浏览器中的图标，可以查看到具体的错误信息，如图1.22所示。如果有多个错误，可以单击【上一个】或【下一个】按钮查看错误提示。 图 图 <script>之间。在这两个之间可以放置一行或多行JavaScript代码。JavaScript代码的出现次序就是通过前面的章节可以知道，语言分为JavaScript、VBScript、JScript和ECMAScript几种，<script<script<script<script<script不同的语言之间差别比较大，因此，通过language属性设置使用了哪种语言之后<script 以上代码为光盘里“代码\第01章\sample06.htm”的内容，在该文件中通过language属性设置使用VBScript代码，但是，在<script>与</script>之间却使用了alert()方法，这是一个属于JavaScript的方法，而不是VBScript的方法。如果运行该文件，只会出现类似于如图1.21所示的错误提示，并没有其他显示结果。 使用◦除了可以在<script>里用language属性指定语言的名称之外，还可以在该属性中指定语言的版本，如以下代码所示，注意加粗的文字。<script <script <script <script <script <script 内的代码。因此，使用sample07htm可以检测浏览器支持哪个版本的JavaScript，如图1.23所示为该文件在InternetExplorer6.0浏览器里的运行结果，如图1.24所示为该文件在Netcape浏览器里的运行结果。图 图 从图1.23和图1.24中可以看出，InternetExplorer6.0浏览器只支持JavaScript的1.1、1.2和1.3版，而指定语言的MIME类在HTML4标准里并不赞成使用language属性，而赞成使用type属性。language属性可以用来指定使用哪种语言，而type属性可以指定语言的MIME类型。从理论上而言，为语言指定MIME类型比指定语言名称要科学得多，但是事实上各种浏览器对language属性的支持比对type属性的支<script<scripttype="text/javascript<script<script<scriptdefer由于JavaScript可以放在HTML文件的任何位置，因此，在浏览器解析HTML文档时，一旦遇到Script，就会停止解析文档，等待的执行。只有当执行完毕之后，才会继续执行HTML文档的解析。如果在Script 里没有输出语句（例如，没有使用JavaScript的.write()方法输出文字，就可以在<script> 里设置defer属性。当<script> 里设置了defer属性之后，浏览器在解析HTML文档时，即使遇上了Script，也不会停下来等待 的执行。defer属性的用法如以下代码所示。<script<script注 包括外部的JavaScriptJavaScript除了可以直接嵌入HTML文件中，也可以独立存在于HTML<script <script <script 外部JavaScript文件扩展名通常是.js，并且该文件中只含单纯的JavaScript <scriptlanguage="javascript"type="text/javascript" 从上面的代码中可以看出sample08.js文件里只有一行简单的JavaScript输出语句。sample08.htm文件的运行结果如图1.25所示，从该图中可以看出，外部JavaScript文件与直接在HTML中插入Javacript代码的结果是一致的。使用src属性指定外部JavaScript文件时，在<script></script>之间不能再存在其他JavaScript代码。主流的浏览器都会忽略设置了src属性的<script>与</script>之间的代码，如以下代码所示，注意加粗的文字。

图 <scriptlanguage="javascript"type="text/javascript"以上代码为光盘里“代码\第01章\sample09.htm”的内容，该文件除了了sample08.js文件之外，还在<script>与</script>之间加上了一个输出语句。其运行结果如图1.26所示。在该图中可以看出，<script>与</script>之间的输出语句并没有执行。虽然设置了src属性的<script>与</script> 将JavaScript代码从HTML代码中独立出来，可以简化 图 这些代码独立成一个Javacript文件。当共用的JavaScript代码需要修改时，可以做到一个文件被修改，多个文件都生效的效果，使得代码起来更加方便。由于src属性值是一个标准的URL，因此，不但可以调用与HTML在同一个服务器上的JavaScript文件，也可以调用其他服务器上的Javacript文件。JavaScriptJavaScript的功能十分强大，有些JavaScript代码可能需要立即执行，而有些Javacript代码可能需要在触发了一些（如单击了按钮）之后才可以执行。在在<script>与</script>中的JavaScript <scriptlanguage="javascript"·JavaScript·JavaScript·JavaScript·JavaScript·JavaScript<scriptlanguage="javascript"以上代码为光盘里“代码\第01章\sample10.htm”的内容，其运行结果如图1.27所示。在该图中可以看出，JavaScript和HTML代码一样，都是按照书写次序执行的。当浏览器解析到JavaScript代码时，会自动停止对HTML代码的解析，先运行完JavaScript代码之后，再接着解析TL代码。图 图 ')">请点我以上代码为光 里“代码\第01章\sample11.htm”的内容，在本例中通过使用“javascript:”调用alert()方法。