搜索
JavaScript教程（一）陈永明eMail:wanyfs@163.comTel：13943176001JavaScript是Web发展的产物•当WorldWideWeb日益流行时,超文本标记语言(HTML)是唯一的可用来创建Web页面的语言。HTML仅仅是一种标记语言，它可做的事是有限的。用HTML创建的文档是静态的。HTML不可处理应答用户的客户端活动。•但是，很多时候需要校验用户提交的信息是否合法，例如：验证用户身份证号码是否合法、用户名称是否符合规范、时间类型是否有效，为了核对用户打入的信息，就必须送到服务器处理，然后回送结果信息传递，导致于大量的网络通信量。Web上可交互性的需要，导致于脚本语言的出现。脚本使Web页面变成动态。脚本是由Web浏览器一次一行地解释的指令集合，这不同于随时执行的已编译的程序。脚本允许开发者获取客户端的每个事件，而无需与服务器交互。最流行的脚本语言是JavaScript。JavaScript的基本特点是：•JavaScript是一种脚本语言，它要和HTML标记相结合使用，它采用小程序段的方式实现编程，它需要由浏览器逐行的解释执行。•是基于对象的，不是面向对象的。一个面向对象程序把程序处理多个对象的集合，用对象表示特定任务。JavaScript不是面向对象的，因为不允许对象继承与子类。但JavaScript是基于对象的语言，因为它依赖于功能的内建对象。•是平台独立的。JavaScript程序在HTML文档内运行。其程序不依赖于平台和操作系统，只要浏览器需支持JavaScript,就能运行JavaScript程序。•简单性。JavaScript没有复杂的语法和规则，它的变量类型采用弱类型，并未使用严格的数据类型，易于学习和掌握。•JavaScript是大小写敏感的。•是事件驱动器。可以编程通过输入设备应答用户动作。•使用分号组合语句。在JavaScript中分号不是必要的。但好的做法是脚本语句（如声明变量）之后使用分号。例如，若你要在同一行中写二个语句，用分号（；）来隔开行。•安全性高。它不允许访问本地硬盘，不能将数据存入到服务器，不允许对网络文档进行修改和删除，有效防止数据的丢失。JavaScript编程技术•JavaScript是一种Script脚本语言，所谓的脚本语言就是可以和HTML语言混合使用的语言。VBScript也是Script语言中的一种，但是VBScript只有微软的浏览器InternetExplore（IE）才能完全支持。而JavaScript则不管是什么浏览器都可以运行，这也是JavaScript的一个优点。•JavaScript是一种高级的脚本描述性语言，并不需要依赖于特定的机器和操作系统，所以说它是独立于操作平台的。JavaScript1.0最初是在NetscapeNavigator2.0及NetscapeLiveWire1.0上实现的，目前JavaScript的版本是JavaScript1.2。实例：1HTMLHEADTITLE欢迎你！/TITLESCRIPTlanguage=”JavaScript”alert(“大家好才是真的好！”);/SCRIPT/HEADBODYpalign=center都好！/p/BODY/HTML使用JavaScript源文件：source.htmHTMLHEADTITLE欢迎你！/TITLESCRIPTLANGUAGE=”JavaScript”SRC=”JavaScriptCode.js”/SCRIPT/HEADBODYpalign=center都好！/p/BODY/HTMLJavaScriptCode.js：alert(“大家好才是真的好！”);变量与数组•变量和数组是JavaScript的基础，JavaScript和C语言属于同一语系，许多基本语法一样。不管是在JavaScript中还是在其他程序语言中，最基本的概念是变量。•JavaScript定义变量只有一个关键字“var”，在JavaScript中定义一个用户名变量的语法为：“varstrUserName;”。变量案例名称：使用变量程序名称：2.htmHTMLHEADSCRIPTLANGUAGE=JavaScriptvarWelcome=欢迎您！BR;vari=10;i=i+1;/SCRIPT/HEADBODYSCRIPTLANGUAGE=JavaScriptdocument.write(Welcome);document.write(i);/SCRIPT/BODY/HTML变量命名需要遵守以下六个规则•（1）变量命名必须以一个英文字母或是下划线为开头，也就是变量名第一个字符必须是A到Z或是a到z之间的字母或是“_”。•（2）变量名长度在0～255字符之间。•（3）除了首字符，其他字符可以使用任何字符、数字及下划线，但是不可以使用空格。•（4）不可以使用JavaScript的运算符号，例如：+，–，＊，／等。•（5）不可以使用JavaScript用到的关键字。•（6）在JavaScript中，变量名大小写是有所区别的，例如：变量s12和S12是不同的两个变量。声明数组•用new和Array关键字，new代表建立一个新的对象，Array是JavaScript内置的一个对象•由于JavaScript区分大小写，所以Array的首字母必须是大写。使用数组案例名称：使用数组程序名称：3.htmHTMLBODYSCRIPTLANGUAGE=JavaScriptvarUserName=newArray(2);UserName[0]=Bill;UserName[1]=Bob;document.write(UserName[0]);document.write(br);document.write(UserName[1]);document.write(br);/SCRIPT/BODY/HTML表达式与运算符•程序主要功能是运算，例如加、减、乘、除等基本操作。•算术运算符主要提供加、减、乘、除等操作，计算机中没有通常的乘号，用“*”代替。取余操作用“%”，案例名称：算术运算符程序名称：4.htmHTMLBODYSCRIPTLANGUAGE=JavaScriptdocument.write(3*2);document.write(br);document.write(3/2);document.write(br);document.write(3%2);//取余数/SCRIPT/BODY/HTML逻辑运算符•逻辑运算符包括：与运算符“&&”、或运算符“||”和取反运算符“！”案例名称：逻辑运算符程序名称：5.htmHTMLBODYSCRIPTLANGUAGE=JavaScriptdocument.write(true&&false);document.write(br);document.write(false&&false);document.write(br);document.write(true||false);document.write(br);document.write(!false);/SCRIPT/BODY/HTML字符串运算符的使用方法案例名称：字符串运算符程序名称：6.htmHTMLBODYSCRIPTLANGUAGE=JavaScriptvarstrHello=网页编程;varstrResult=你好，;strResult+=strHello;//等价于：strResult=strResult+strHello;document.write(strResult);/SCRIPT/BODY/HTML条件表达式案例名称：条件表达式程序名称：7.htmHTMLBODYSCRIPTLANGUAGE=JavaScripta=(43)?5:7;b=(43)?5:7;document.write(a);document.write(br);document.write(b);/SCRIPT/BODY/HTML控制语句之条件语句•JavaScript提供的语句可以分为以下4大类。–（1）条件和分支语句：If…else语句，switch语句。–（2）循环语句：for语句，do…while语句，break语句和continue语句。–（3）对象操作语句：new，this和with。–（4）注释语句：“//”或“/**/”。if语句案例名称：if语句程序名称：8.htmSCRIPTLANGUAGE=JavaScriptvariHour=13;if(iHour12){document.write(早上好！);}else{document.write(下午好！);}/SCRIPTswitch语句案例名称：switch语句程序名称：9.htmSCRIPTLANGUAGE=JavaScriptvarval=;vari=5;switch(i){case3:val=三;break;case4:val=四;break;case5:val=五;break;default:val=不知道;}document.write(val);/SCRIPT流控制语句之循环语句•循环语句包括：for语句、while语句，循环控制转移语句continue和break语句。•for语句的基本语法如下。–for(初始化部分；条件部分；更新部分)–{•语句块–}for语句案例名称：for语句程序名称：10.htmSCRIPTLANGUAGE=JavaScriptvariSum=0;for(vari=0;i=100;i++){iSum+=i;}document.write(iSum);/SCRIPTwhile语句案例名称：while语句程序名称：11.htmSCRIPTLANGUAGE=JavaScriptvariSum=0;vari=0;while(i=100){iSum+=i;i++;}document.write(iSum);/SCRIPTbreak语句案例名称：break语句程序名称：12.htmSCRIPTLANGUAGE=JavaScriptfor(i=1;i20;i++){if(i%5==0){break;}document.write(i+br);}/SCRIPTcontinue语句案例名称：continue语句程序名称：13.htmSCRIPTLANGUAGE=JavaScriptfor(i=1;i20;i++){if(i%5==0){continue;}document.write(i+br);}/SCRIPTJavaScript函数•函数在定义时并没有被执行，只有函数被调用时，其中的代码才真正被执行。为了实现函数的定义和调用，JavaScript语句提供了两个关键字：function和return。JavaScript函数的基本语法如下：•function函数名称（参数表）–{–语句块;–}函数定义和调用•案例名称：函数定义和调用•程序名称：14.htm•SCRIPTLANGUAGE=JavaScript•functiongetSqrt(iNum)•{•variTemp=iNum*iNum;•document.write(iTemp);•}•/SCRIPT•SCRIPTLANGUAGE=JavaScript•getSqrt(8);•/SCRIPT函数的返回值案例名称：函数的返回值程序名称：15.htmSCRIPTLANGUAGE=JavaScriptfunctionf(y){varx=y*y;returnx;}/S