JavaScript 脚本语言

JavaScript脚本语言JavaScript语言简介JavaScript语法基础JavaScript内置对象与函数JavaScript语言简介JavaScript有关概念JavaScript是一种基于对象（Object）和事件驱动（EventDriven）并具有安全性能的脚本语言。JavaScript的特点是一种脚本编写语言：采用小程序段的方式实现编程。是一种解释性语言。简单性：首先它是一种基于Java基本语句和控制流之上的简单而紧凑的设计，从而对于学习Java是一种非常好的过渡。其次它的变量类型是采用弱类型，并未使用严格的数据类型。安全性：它不允许访问本地的硬盘，只能通过浏览器实现信息浏览或动态交互。可以有效地防止数据的丢失。动态性：JavaScript是动态的，它可以直接对用户或客户输入做出响应，无须经过Web服务程序。它对用户的反映响应，是采用以事件驱动的方式进行的。跨平台性：JavaScript是依赖于浏览器本向，与操作环境无关，只要能运行浏览器的计算机，并支持JavaScript的浏览器就可正确执行。JavaScript与Java的区别两者是两个公司开发的不同的两个产品。用途不同，前身不同；基于对象和面向对象：Java是一种真正面向对象的语言；JavaScript是一种脚本语言，是一种基于对象和事件驱动。解释和编译：Java的源代码在传递到客户端执行之前，须经过编译，因而客户端上必须具有相应平台上的住址器或解释器，它可以通过编译器或解释器实现独立于某个特定的平台编译代码的束缚。而JavaScript是一种解释性编程语言，其源代码在发往客户端执行之前不需经过编译，而是将文本格式的字符代码发送给客户端由浏览器解释执行。JavaScript语言简介强变量和弱变量：Java采取强变量类型，即所有变量在使用前必须进行声明；而在JavaScript中，变量在使用前不需作声明，而是解释器在运行时检查其数据类型；如定义一个整型变量和一个字符型变量：Java中：intx;x=1234;stringy;y=1234;JavaScript中：x=1234;y=“1234”;代码格式不一样：Java是一种与HTML无关的格式，必须通过像HTML中引用外媒体那样进行装载，其代码以字节代码的形式保存在独立的文档中。JavaScript的代码是一种文本字符格式。可以直接嵌入HTML文档中。varx=“123.3”;vary=“5”;x=x+y;Alert(typeof(x));JavaScript语言简介嵌入方式不一样：Java使用applet…/applet,JavaScript使用script…/script。静态联编和动态联编：Java的对象引用必须在编译时进行，以便强类型检查。JavaScriptr的对象引用在运行时进行检查，如不经编译则就无法实现对象引用的检查。JavaScript语言简介第一个JavaScript程序htmlheadScriptLanguage=JavaScript//JavaScriptAppearshere.alert(这是第一个JavaScript例子!);alert(欢迎你进入JavaScript世界!);alert(今后我们将共同学习JavaScript知识！);/Script/Head/HtmlJavaScript代码的加入ScriptLanguage=JavaScriptJavaScript语言代码；JavaScript语言代码;..../Script说明：•通过标识Script.../Script指明JavaScript脚本源代码将放入其间。•通过属性Language=“JavaScript”说明标识中是使用的何种语言，这里是JavaScript语言，还可以其它脚本语言。JavaScript语言简介JavaScript语法基础JavaScript基本数据结构JavaScript程序构成JavaScript程序实例•JavaScript脚本语言同其它语言一样，有它自身的基本数据类型、表达式和算术运算符以及程序的基本框架结构。一、基本数据类型：•数值型(Number)：可为整数或浮点数•字符串型(String)：保存各种文本数据•布尔型(Boolean)：只能是true或false•对象(Object):例如document、window、date等等，是一群属性的集合，每一个属性都有一个名称和值。而属性的数据类型可以是前面介绍的任一种•函数(Function):为内置函数或用户自定义•空值(Null)：•注：在JavaScript中，一个数据的变量或常量不必首先作声明，而是在使用或赋值时确定其数据的类型的。JavaScript基本数据结构JavaScript基本数据结构二、常量整型常量：实型常量：布尔型：只有两种状态：True、False.主要用来说明或代表一种状态或标志，以说明操作流程。字符型常量：使用‘或“”括起来的一个或几个字符。空值：null，表示什么也没有特殊字符：同C语言一样，JavaScript中同样以有些以/开头的不可显示的特殊字符。通常称为控制字符。三、变量用来存放数据、提供存放信息的容器。或可以看作：代表某内存空间的名称对于变量必须明确变量的命名、变量的类型、变量的声明及变量的作用域。变量的命名：字母、数字、下划线，不能以数字开头；不能使用关键字（保留字）。变量的类型：即上述几种数据类型。变量作用域：全局变量、局部变量。定义新的变量名称：在JavaScript中，可以使用var命令来定义新的变量，若没有事先定义，则根据数据特性自动定义；vartext;varhigh_score;varcount3=1;varErrorMessage=Connecttohostfailed.vardaysLeft=5.7;var82much=true;//这行代码是有语法错误的。Typeof可以用来查询某一变量的数据类型。JavaScript的基本数据结构JavaScript的基本数据结构数据类型转换1.自动类型转换：使用不同的运算符，产生的类型变化各不相同，其中，使用加法运算时，数据类型的变化情况如下：操作数1操作符操作数2结果number+stringStringboolean+stringStringnumber+booleannumber2.强制类型转换：用来转换字符串类型的函数及其功能如下表所示：函数功能parseInt将字符串转换为整数parseFloat将字符串转换为浮点数函数功能eval执行字符串的表达式JavaScript的基本数据结构例1：varn1=365;Varn2=“12”;n1=n1+n2;alert(typeof(n1));例4.x=“10个人”;y=parseInt(x);结果：y=10例7.x=“12.3+3.2”;y=eval(x);结果：y=15.5;例2.varn1=“3”;Varn2=“4”;n3=n1*n2;alert(typeof(n3));例5.x=“73”;y=parseInt(x,8);结果：y=59以八进制格式转换；例8.x1=3;x2=4;x3=“x1x2”;y=eval(x3);结果：y=false例3.x=“12.3”;y=parseInt(x);结果：y=12例6.x=“HOME”;y=parseFloat(x);结果：y=NaN;NotaNumber.例9.x=“score=100”;eval(x);结果：score=100JavaScript的基本数据结构内部变量与全局变量内部变量：指只有该段程序可以使用的变量名称，同时在该段程序代码结束后，内部变量即推动作用。全局变量：指其值一直被保留下来，且所有的程序可以共享并获得或改变其值的变量。变量的生命期变量生命期：是指定义变量后，变量数据内容的保留期。全局变量和内部变量的生命期如下：全局变量：直到离开网页文件；内部变量：程序或函数执行结束；例：scriptlanguage=“javascript”vara,b,c;//a,b,c为全局变量；……Functionmy_area(){varx,y,z;//x,y,z为my_area()的内部变量；……}/scriptJavaScript的基本数据结构四、表达式和运算符表达式：运算符和运算数组成的完成一定功能的式子。运算符：分为赋值运算符、算术运算符、逻辑运算符、关系运算符、字符串运算符等。算术运算符：+、-、*、/、%、-、++、--、（）关系运算符：、、=、=、==、!=逻辑运算符：！、&&、||、&、^、|、~（后四种：位与、位异或、位或、位非）赋值运算符：=、+=、-=、*=、/=、%=、&=、^=、|=、=、=、=字符串运算符：+（连接运算）、“注释符号：//（单行）、/*和*/（可多行）运算符的优先级：算术运算符字符串运算符关系运算符逻辑运算符。JavaScript程序构成一、程序控制流1.if条件语句格式1：If(表达式){语句段1}Else{语句段2}…功能：若表达式为true,执行语句段1；否则执行语句段2；说明：if-else语句可以改变语句的执行顺序。•表达式中必须使用关系语句，来实现判断，它是作为一个布尔值来估算的。它将零和非零的数分别转化成false和true。•若if后的语句有多行，则必须使用花括号将其括起来。举例：if(x==1){y=100;z=50;}else{y=50;z=100;}格式2：If(表达式1)语句1；Elseif(表达式2)语句2；…说明：每一级的布尔表述式都会被计算，若为真，则执行其相应的语句，否则执行else后的语句。举例：if(x==1)y=100;JavaScript程序构成2.for循环语句：基本格式功能说明For(初始化；条件；增量；)语句集；•实现条件循环，当条件成立时，执行语句集，否则跳出循环体。•初始化参数告诉循环的开始位置，必须赋予变量的初值；•条件：是用于判别循环停止时的条件。若条件满足，则执行循环体，否则跳出。•增量：主要定义循环控制变量在每次循环时按什么方式变化。•三个主要语句之间，必须使用分号分隔。3.while循环语句：基本格式功能说明While(表达式)语句集；•当条件为真时，重复循环，否则退出循环。使用For语句在处理有关数字时更易看懂，也较紧凑；而while循环对复杂的语句效果更特别。如果要中断for循环的执行，可以使用break命令，而执行循环的下一个值则使用continue命令。４、break和continue语句与C++语言相同，使用break语句使得循环从For或while中跳出，continue使得跳过循环内剩余的语句而进入下一次循环。二、函数：JavaScript函数可以封装那些在程序中可能要多次用到的模块。并可作为事件驱动的结果而调用的程序。从而实现一个函数把它与事件驱动相关联。这是与其它语言不样的地方。1.函数定义格式：JavaScript程序构成•Function函数名（参数,变元）{函数体;.Return表达式;}JavaScript程序构成当调用函数时,所用变量或字面量均可作为变元传递。函数由关键字Function定义。函数名：定义自己函数的名字。参数表，是传递给函数使用或操作的值，其值可以是常量，变量或其它表达式。通过指定函数名（实参）来调用一个函数。必须使用Return将值返回。函数名对大小写是敏感的。课前复习1.如何在网页中加入JavaScript?--script和/script之间直接加入JavaScript代码；2.script标记对放在何处？--head与/head之间；--body与/body之间；3.在上面两个地方插入script标记有何区别？4.变量、运算符、表达式、函数；提出问题：函数应该放在文档的什么位置？对于函数中的代码，只有调用这个函数的