javascript语言课件

1简介脚本程序设计在Web程序设计中占有很重要的地位，无论是客户端动态页面设计，还是动态网站设计中的服务器端编程，使用最多的就是脚本语言。在众多的脚本语言中，使用最广泛的是JavaScript和VBScript。本章将详细讲述这两种脚本语言的基本语法和应用，同时对其他一些脚本语言也将做简单介绍2JavaScript具有如下特点：⑴简单性JavaScript是一种脚本编写语言，它采用“小程序段”的方式开发程序，脚本程序不需要先编译。而是在程序运行过程中被逐行地解释。JavaScript源代码直接嵌入中HTML文件中，容易理解和实现。⑵基于对象JavaScript是基于的，它允许用户自定义对象和浏览器提供的内建对象，编程者可以在编程时将浏览器中不同的元素均作为对象处理。体现了现代的面向对象程序设计的基本思想。3⑶跨平台性JavaScript是依赖于浏览器本身，与操作环境无关，只要能运行浏览器的计算机，并支持JavaScript的浏览器就可以正确执行。⑷动态性JavaScript是动态的，它可以直接对用户或客户输入做出响应，无须经过Web服务程序。它对用户的反映响应，是采用以事件驱动的方式进行的。所谓事件驱动，就是指在主页中执行了某种操作所产生的动作，就称为“事件”。比如按下鼠标、移动窗口、选择菜单等都可以视为事件。当事件发生后，可能会引起相应的事件响应。4根据上述所述，我们可以这样以下几点来认识Javascript语言：1.Javascript是基于对象的脚本语言。2.Javascript是事件驱动的语言。3.Javascript是与平台无关的语言。4.Javascript是安全的语言。5JavaScript语言与Java语言的差别:Ⅰ.Java是由Sun公司推出，主要应用于网络程序设计，对于非程序设计人员来说不易掌握；而JavaScript主要用于编写网页中的脚本，易于学习和掌握Ⅱ.Java程序可以单独执行，但JavaScript程序只能嵌入HTML中，不能单独运行Ⅲ.Java具有严格的类型限制。Ⅳ.Java程序的编辑、编译需要使用专门的开发工具而JavaScript程序时只要用一般的文本编辑器即可61.JavaScript程序的编辑和调试：可以用任何文本编辑器来编辑JavaScript脚本程序，例如：notePad。然后需要将JavaScript程序嵌入到HTML文件中程序的调试在浏览器中进行.JavaScript程序嵌入HTML文件的方法有以下两种:(1).在HTML文件中使用script，/script标记加入JavaScript语句，这样HTML语句和JavaScript语句位于同一个文件中。其格式为scriptlanguage=JavaScript72）将JavaScript程序以扩展名“.js”单独存放，再利用以下格式的script标记嵌入HTML文件中：scriptsrc=JavaScript文件名Src属性的值是一个指向外部脚本的URL路径。一个简例：htmlheadtitleJavaScript简例/title/headbody8scriptlanguage=JavaScriptalert(“这是我编写的第一个程序!);/script/body/html程序效果Script标记JavaScript代码的开始。Language属性指定所用的语言(这里当然是Javascript,但将来有可能会是其他的语言)。这个属性是必须填写的。/script标记JavaScript代码段的结束。9在script和/script之间是你的Javascript程序段。作为一种替代方法。可以把Javascript代码存成文件，然后在HTML页面中引用它们。引用的一般格式是：scriptsrc=“JavaScript”代码文件的URL”/ScriptJavascript程序的文本文件扩展名必须是.js。编写JavaScript程序时还要注意以下几点：（1）JavaScript的大小写是敏感的，这一点与C++相似。（2）在JavaScript程序中，换行符是一个完整的语句结束标志；若要将几行代码放在一行中，则各语句间要以分号（；）分隔10（3）注释像其他所有语言一样，JavaScript的注释在运行时也是被忽略的。注释只给程序员提供消息。JavaScript注释有两种：单行注释和多行注释。在javascript中作注释的方式和C语言中作注释的方式是一样的，单行注释用双反斜杠“//”表示。即两个斜线，当一行代码有“//”，那么，“//”后面的部分将被忽略。而多行注释是用“/*”和“*/”括起来的一行到多行文字。程序执行到“/*”处，将忽略以后的所有文字，直到出现“*/”为止。11!--和--通常是HTML注释语句的标记，写在这之间的内容会被一般的浏览器忽略。但支持Javascript的浏览器会认出它们来，并理解写在它们之间的Javascript代码。这样，即便是不支持Javascript的浏览器，读到这里也不会出错。在JavaScript中四种基本的数据类型为：●数值（整数和实数）●字符串型（用或’’括起来的字符或数值）●布尔型（使用True或False表示）●空值12在JavaScript的基本类型中的数据可以是常量，也可以是变量。由于采用弱类型的形式，因而一个数据的变量或常量不必首先作声明，而是在使用或赋值时才确定其数据的类型。当然也可以先声明该数据的类型，它是通过在赋值时自动说明其数据类型的。2.数据类型:1.数值型:数值型数据包括整数和浮点数。整数可以是十进制、八进制和十六进制数，八进制值以0开头，十六进制值以0x开头。例如：100（十进制），021(八进制)，0x5d(16进制)浮点数例子：2.57，1.3e6，2，7e-10132.逻辑型:逻辑型数据有true和false两种取值，分别表示逻辑真和逻辑假3.字符型:字符型数据的值是以双引号或单引号''括起来的任意长度的一串字符。注意“\”是转义字符，常用的转义字符序列有：\n——换行符\t——水平制表符\r——回车符\b——退格符查看效果程序代码4.空值（即null，表示什么也没有。如试图引用没有定义的变量，则返回一个null值）143、变量变量的主要作用是存取数据、提供存放信息的容器。对于变量必须明确变量的命名、变量的类型、变量的声明及其变量的作用域。变量的命名JavaScript中的变量命名同其计算机语言非常相似，这里要注意以下两点：Ａ、必须是一个有效的变量，即变量以字母开头，中间可以出现数字如test1、text2等。除下划线（－）作为连字符外，变量名称不能有空格、（＋）、（－）、（，）或其它符号。Ｂ、不能使用JavaScript中的关键字作为变量。在JavaScript中定义了４０多个类键字，这些关键是JavaScript内部使用的，不能作为变量的名称。如Var、int、double、true不能作为变量的名称。15abstractbooleanbreakbytecasecatchcharclassconstcontinuedefaultdodoubleelseextendsfalsefinalfinallyfloatforfunctiongotoifimplementsimportininstanceofintinterfacelongnativenewnullpackageprivateprotectedpublicreturnshortstaticsuperswitchsynchronizedthisthrowthrowstransienttruetryvarvoidwhilewith16在对变量命名时，最好把变量的意义与其代表的意思对应起来，以免出现错误。变量的类型在JavaScript中，变量可以用命令Var作声明:varmytest;该例子定义了一个mytest变量。但没有赋予它的值。Varmytest=”Thisisabook”该例子定义了一个mytest变量,同时赋予了它的值。在JavaScript中，变量以可以不作声明，而在使用时再根据数据的类型来确其变量的类型。17如：x=100y=“125”xy=Truecost=19.5等。其中x整数，y为字符串，xy为布尔型，cost为实型。变量的声明及其作用域JavaScript变量可以在使用前先作声明，并可赋值。通过使用var关键字对变量作声明。对变量作声明的最大好处就是能及时发现代码中的错误；因为JavaScript是采用动态编译的，而动态编译是不易发现代码中的错误，特别是变量命名的方面。对于变量还有一个重要性──那就是变量的作用域。在JavaScript中同样有全局变量和局部变量。全局变量是定义在所有函数体之外，其作用范围是整个函数；而局部变量是定义在函数体之内，只对其该函数是可见的，而对其它函数则是不可见的。18三、表达式和运算符１、表达式在定义完变量后，就可以对它们进行赋值、改变、计算等一系列操作，这一过程通常又叫称一个叫表达式来完成，可以说它是变量、常量、布尔及运算符的集合，因此表达式可以分为算术表述式、字串表达式、赋值表达式以及布尔表达式等。２、运算符运算符完成操作的一系列符号，在JavaScript中有算术运算符，如＋、-、*、/等；有比较运算符如!＝、＝＝等;有逻辑布尔运算符如！（取反）、|、||;有字串运算如＋、＋＝等。19在JavaScript主要有双目运算符和单目运算符。其双目运算符由下列组成：操作数１运算符操作数２即由两个操作数和一个运算符组成。如50＋40、“This”+“that”等。单目运算符，只需一个操作数，其运算符可在前或后。（１）算术运算符JavaScript中的算术运算符有单目运算符和双目运算符。双目运算符：+（加）、-（减）、*（乘）、/（除）、%（取模）、|（按位或）、&(按位与)、（左移）、（右移）、（右移，零填充）。20算术运算符:如下：自增（＋＋）、自减（－－）运算符相当于操作数而言共有4种位置。++i前辍自增：在使用i参与其相关运算之前，先使i值加1.i++后辍自增：先让i参与其相关运算，之后再使i值加1.21单目运算符：-（取反）、～（取补）、++（递加1）、--（递减1）。（２）关系运算符比较运算符它的基本操作过程是，首先对它的操作数进行比较，尔后再返回一个true或False值，有6个比较运算符:(小于)、(大于)、=(小于等于)、=(大于等于)、==(等于)、!=(不等于)。22（３）布尔逻辑运算符在JavaScript中增加了几个布尔逻辑运算符:!（取反)、&=（与之后赋值）、&（逻辑与）、|=（或之后赋值）、|（逻辑或）、^=（异或之后赋值）、^（逻辑异或）、?:（三目操作符）、||（或）、==(等于)、|=(不等于)。其中三目操作符主要格式如下：(condition)?val1:val2操作数？结果１：结果２若操作数的结果为真，则表述式的结果为结果１，否则为结果２。23④逻辑运算符：&&（与运算），||（或运算），!（非运算）；逻辑运算符连接的逻辑表达式同关系运算符一样，其运算结果为布尔型：true或false。逻辑运算表达式的执行顺序为自左至右。24⑤位运算符：&（按位与），|（按位或），^（按位异或），（左移），（右移），（右移，零填充）按位与运算可以完成许多特殊的操作，比如：①清零。只须找一个与原有数位位反的数，两者进行按位与运算之后即可。②取指定位的值。只须创造一个数，此其余各比特位取零，只在指定位取位1。将此数与原有数进行按拉与运算即可。当然也可以同时取多个指定位。查看效果程序代码25赋值运算符：JavaScript提供了6个赋值运算符，功能是将一个表达式的值赋给一个变量。26字符串运算符：在JavaScript中使用最多的运算符，它只有一种“＋”运算，即字符串连接运算。参与串连接运算的两个操