第二章 JavaScript脚本语言.ppt

《第二章 JavaScript脚本语言.ppt》由会员分享，可在线阅读，更多相关《第二章 JavaScript脚本语言.ppt（90页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、第二章第二章 JavaScriptJavaScript脚本语言脚本语言 2.1 JavaScript2.1 JavaScript是什么是什么2.2 JavaScript2.2 JavaScript的基本语法的基本语法2.3 2.3 运算符运算符2.4 2.4 程序的流程控制程序的流程控制2.5 2.5 函数函数2.6 2.6 对象对象2.7 JavaScript2.7 JavaScript的内部对象的内部对象2.8 2.8 专门用于对象的语句专门用于对象的语句2.9 2.9 数组数组2.1 JavaScript2.1 JavaScript是什么是什么 HTMLHTML语言是一种标记语言，它只能

2、定义内容的表现语言是一种标记语言，它只能定义内容的表现形式，不具有逻辑性，不能与用户进行交互。形式，不具有逻辑性，不能与用户进行交互。嵌入在嵌入在HTMLHTML中的程序语言成为脚本语言，浏览器中中的程序语言成为脚本语言，浏览器中要集成有用于解释脚本的模块，称为脚本引擎。要集成有用于解释脚本的模块，称为脚本引擎。脚本语言用于编写嵌入在网页中的程序，它由浏览脚本语言用于编写嵌入在网页中的程序，它由浏览器负责解释和执行，可以在网页上产生动态的显示效果器负责解释和执行，可以在网页上产生动态的显示效果和实现与用户交互的特效功能。和实现与用户交互的特效功能。一、什么是脚本程序一、什么是脚本程序 脚本程序

3、代码放在脚本程序代码放在HTMLHTML文档的文档的标标签对之间，当浏览器读取到网页中的签对之间，当浏览器读取到网页中的标签后，标签后，解释执行（通过脚本引擎）。解释执行（通过脚本引擎）。script language=Alert(newAlert(new Date();Date();一个小例子：一个小例子：2.1 JavaScript2.1 JavaScript是什么是什么 脚本程序的执行时机：脚本程序的执行时机：一般情况下，当浏览器打开一个一般情况下，当浏览器打开一个HTMLHTML文档时，它会从头文档时，它会从头到尾逐句解释整个到尾逐句解释整个HTMLHTML标签和脚本代码块，如果脚本块

4、中标签和脚本代码块，如果脚本块中有可以直接执行的语句，浏览器就会在读取到该语句的时有可以直接执行的语句，浏览器就会在读取到该语句的时候立刻解释执行。候立刻解释执行。注意：这种嵌在网页中的脚本语言（客户端）完全是在浏览注意：这种嵌在网页中的脚本语言（客户端）完全是在浏览器上运行的，与器上运行的，与WWWWWW服务器没有任何关系。服务器没有任何关系。2.1 JavaScript2.1 JavaScript是什么是什么 2.1 JavaScript2.1 JavaScript是什么是什么 二、二、JavaScriptJavaScript简介简介 JavaScriptJavaScript语言的前身叫作

5、语言的前身叫作LiveScriptLiveScript，自，自SunSun公司推公司推出著名的出著名的JavaJava语言之后，语言之后，NetscapeNetscape公司引进了公司引进了SunSun公司有公司有关关JavaJava的程序概念，将自己原有的的程序概念，将自己原有的LiveScriptLiveScript进行重新设进行重新设计，并改名为计，并改名为JavaScriptJavaScript。2.1 JavaScript2.1 JavaScript是什么是什么 JavaScriptJavaScript是一种基于对象和事件驱动，并具有安全是一种基于对象和事件驱动，并具有安全性的脚本语

6、言。性的脚本语言。JavaScriptJavaScript的编程与的编程与C+C+、JavaJava非常相似，非常相似，只是提供了一些专有的类、对象和函数。只是提供了一些专有的类、对象和函数。JavaScriptJavaScript代码并不被编译为二进制代码文件，而是代码并不被编译为二进制代码文件，而是作为作为HTMLHTML文件的一部分由浏览器解释执行，维护和修改起文件的一部分由浏览器解释执行，维护和修改起来非常方便，可以直接打开来非常方便，可以直接打开HTMLHTML文件来编辑修改文件来编辑修改JavaScriptJavaScript代码，然后通过浏览器立即看到新的效果。代码，然后通过浏览

7、器立即看到新的效果。2.1 JavaScript2.1 JavaScript是什么是什么 三、三、JavaScriptJavaScript和和JavaJava JavaScriptJavaScript和和JavaJava是两个公司开发的两个不同的产品，作用与用途大是两个公司开发的两个不同的产品，作用与用途大不一样。不一样。JavaJava是是SunSun公司推出的新一代面向对象的程序设计语言公司推出的新一代面向对象的程序设计语言，特别适，特别适合合InternetInternet应用程序的开发，是一种比应用程序的开发，是一种比JavaScriptJavaScript复杂许多的程序语言。复杂许多

8、的程序语言。JavaScriptJavaScript是是NetscapeNetscape公司的产品，是一种可以公司的产品，是一种可以嵌入在嵌入在WebWeb页面中的基页面中的基于对象和事件驱动的解释性语言于对象和事件驱动的解释性语言，JavaScriptJavaScript是是基于对象（基于对象（object-object-basedbased），而不是面向对象），而不是面向对象(object-oriented)(object-oriented)的语言的语言。由于由于NetscapeNetscape和和SunSun公司的合作，公司的合作，JavaScriptJavaScript和和JavaJa

9、va在语法上有很多相在语法上有很多相似之处，但是两者没有什么关系，似之处，但是两者没有什么关系，JavaScriptJavaScript不是不是JavaJava的子集的子集。2.1 JavaScript2.1 JavaScript是什么是什么 四、四、JavaScriptJavaScript、JScriptJScript与与ECMAScriptECMAScript 由于得不到由于得不到NetscapeNetscape在技术上的许可，在技术上的许可，MicrosoftMicrosoft开发了自己的脚开发了自己的脚本语言本语言JScriptJScript，JScriptJScript和和JavaS

10、criptJavaScript基本上相同，只是在细节上有基本上相同，只是在细节上有所出入所出入。ECMAECMA（European Computer Manufactures AssociationEuropean Computer Manufactures Association，欧，欧洲计算机制造商协会）联合洲计算机制造商协会）联合MicrosoftMicrosoft、NetscapeNetscape将将JavaScriptJavaScript标准标准化，称为化，称为ECMAScriptECMAScript，所有开发上的脚本语言都要支持这一标准所有开发上的脚本语言都要支持这一标准。尽。尽管

11、如此，管如此，MicrosoftMicrosoft的的JScriptJScript和和NetscapeNetscape的的JavaScriptJavaScript都对都对ECMAECMA标准标准不断进行扩展。不断进行扩展。JavaScriptJavaScript是一种不断演进的语言，每一个新版本都引入一些新是一种不断演进的语言，每一个新版本都引入一些新的功能。的功能。2.2 JavaScript2.2 JavaScript的基本语法的基本语法 在网页文件的在网页文件的标签对之间；标签对之间；将脚本代码放置在一个单独的文件中，在网页中引用这将脚本代码放置在一个单独的文件中，在网页中引用这个脚本程

12、序文件；个脚本程序文件；将脚本程序代码作为某个元素的时间属性值或超链接的将脚本程序代码作为某个元素的时间属性值或超链接的hrefhref属性值。属性值。可以在可以在三个地方三个地方编写编写JavaScriptJavaScript脚本代码：脚本代码：一、脚本代码的位置一、脚本代码的位置2.2 JavaScript2.2 JavaScript的基本语法的基本语法 1 1、放置在、放置在之间之间 在在的位置并不固定，可以出现在的位置并不固定，可以出现在或或中的中的任何地方任何地方。在一个在一个HTMLHTML文档中可以有多个文档中可以有多个标签对标签对来嵌入多段来嵌入多段JavaScriptJava

13、Script代码，每段代码，每段JavaScriptJavaScript代码可以代码可以相互相互访问访问。2.2 JavaScript2.2 JavaScript的基本语法的基本语法 varvar x=3;x=3;这是一个这是一个HTMLHTML段落段落 alert(x);alert(x);这是一个这是一个HTMLHTML段落段落 varvar x=3;x=3;alert(x);alert(x);2.2 JavaScript2.2 JavaScript的基本语法的基本语法 为了避免旧版本浏览器不能识别为了避免旧版本浏览器不能识别标签，可以将标签，可以将标签对中的内容用标签对中的内容用HTMLH

14、TML起始和结束注释起始和结束注释标记（标记（!-）括起来。支持）括起来。支持标签的浏览器会标签的浏览器会忽略忽略标签对中的注释符。标签对中的注释符。script language=!-2.2 JavaScript2.2 JavaScript的基本语法的基本语法 2 2、将、将JavaScriptJavaScript代码放置在一个单独的文件中代码放置在一个单独的文件中文件文件script.jsscript.js:alert(newalert(new Date();Date();HTMLHTML文件：文件：script script language=alert(newalert(new Dat

15、e();Date();2.2 JavaScript2.2 JavaScript的基本语法的基本语法 3 3、将脚本程序代码作为属性值、将脚本程序代码作为属性值超链接标签超链接标签:a jsjsJavaScriptJavaScript扩展了标准的扩展了标准的HTMLHTML，为为HTMLHTML标签增加了各种事件标签增加了各种事件属性属性，例如，对于，例如，对于ButtonButton表单元素，可以设置一个新的属性表单元素，可以设置一个新的属性onclickonclick，onclickonclick的属性就是一段的属性就是一段javascriptjavascript代码，当单击代码，当单击这个

16、按钮后，代码被执行：这个按钮后，代码被执行：input type=button value=test !-script script language=/varvar name=11111111111111111111111;name=11111111111111111111111;name=333;name=333;name=name=namename+1;+1;alert(name/*+22222222222*/);alert(name/*+22222222222*/);/*alert(3);/*alert(3);alert(4);alert(4);alert(5);*/alert(5);

17、*/a Date();abcabcinput type=button value=test Date();2.2 JavaScript2.2 JavaScript的基本语法的基本语法 2.2 JavaScript2.2 JavaScript的基本语法的基本语法 二、二、JavaScriptJavaScript中的标识符中的标识符 可以由任意的大小写字母、数字、下划线和美元符号组可以由任意的大小写字母、数字、下划线和美元符号组成，但标识符不能以数字开头，不能是保留关键字。成，但标识符不能以数字开头，不能是保留关键字。indentifierindentifieruseruseruseruser_

18、_userNameuserName$username$username intint98.398.3Hello WorldHello World 2.2 JavaScript2.2 JavaScript的基本语法的基本语法 三、三、JavaScriptJavaScript中的保留字中的保留字abstract abstract boolean boolean break break byte byte case case catch catch char char class class const const continue continue default default do do do

19、uble double else else extends extends false false final final finally finally float float for for function function gotogoto if if implements implements import import in in instanceofinstanceof int int interface interface long long native native new new null null package package private private prot

20、ected protected public public return return short short static static super super switch switch synchronized synchronized this this throw throw throws throws transient transient true true try try varvar void void while while with with 2.2 JavaScript2.2 JavaScript的基本语法的基本语法 四、四、JavaScriptJavaScript严格

21、区分大小写严格区分大小写五、五、JavaScriptJavaScript语句以分号（语句以分号（;）结束）结束六、六、JavaScriptJavaScript程序的注释程序的注释1 1单行注释单行注释 /这里是单行注释这里是单行注释2 2多行注释多行注释 /*/*这里是多行注释这里是多行注释 */*/2.2 JavaScript2.2 JavaScript的基本语法的基本语法 七、基本数据类型与常量七、基本数据类型与常量1 1、整型常量：、整型常量：十六进制十六进制、八进制、八进制、十进制十进制例：例：0 x1230 x123，0X2340X234，089089，078078，78782 2、

22、实型常量：、实型常量：12.3212.32，193.98193.98，5E75E7，4e54e53 3、布尔值：、布尔值：truetrue，falsefalse4 4、字符串型常量：没有单独的字符常量，只有字符串常量。、字符串型常量：没有单独的字符常量，只有字符串常量。用单引号（用单引号（）或双引号）或双引号(“)(“)括起来。如括起来。如”a book“a book“，”a“a“2.2 JavaScript2.2 JavaScript的基本语法的基本语法 转义字符：转义字符：r:r:回车键回车键n:n:换行换行 t:t:制表符制表符 b:b:退格键退格键 :单引号单引号”:”:双引号双引号:

23、一个斜杠一个斜杠 5 5、nullnull常量：表示一个变量所指向的对象为空值常量：表示一个变量所指向的对象为空值6 6、undefinedundefined常量：表示变量还没有被赋值的状态或对象的常量：表示变量还没有被赋值的状态或对象的某个属性不存在。某个属性不存在。NullNull表示赋给变量的值为表示赋给变量的值为“空空”，“空空”是一个特殊意义的值；而是一个特殊意义的值；而undefinedundefined则是表示还没有对变量则是表示还没有对变量赋值，变量的值还处于未知状态。赋值，变量的值还处于未知状态。2.2 JavaScript2.2 JavaScript的基本语法的基本语法 八

24、、变量八、变量 JavaScriptJavaScript采用弱类型的变量形式，因而声明一个变量时不采用弱类型的变量形式，因而声明一个变量时不必确定类型，而是在使用或赋值时自动确定其数据类型。必确定类型，而是在使用或赋值时自动确定其数据类型。在在JavaScriptJavaScript中，声明变量要使用中，声明变量要使用varvar关键字，如：关键字，如：varvar name name；/定义了一个定义了一个namename变量，变量的值为变量，变量的值为undefinedundefined也可以声明时同时赋值，如：也可以声明时同时赋值，如：varvar name=name=“zhangsan

25、zhangsan”程序运行过程中，可对已赋值的变量赋予一个其他类型的值，程序运行过程中，可对已赋值的变量赋予一个其他类型的值，如：如：name=123name=123；在在JavaScriptJavaScript中也可以不事先声明变量而直接使用，如：中也可以不事先声明变量而直接使用，如：x=1234x=1234；2.3 2.3 运算符运算符 JavaScriptJavaScript中运算符共分以下几种：中运算符共分以下几种：算术运算符算术运算符赋值运算符赋值运算符比较运算符比较运算符逻辑运算符逻辑运算符位运算符位运算符2.3 2.3 运算符运算符 一、算术运算符一、算术运算符+(加法加法)将两

26、个数相加。将两个数相加。+(自增自增)将表示数值的变量加一将表示数值的变量加一(可以返回新值或旧值可以返回新值或旧值)。-(求相反数，减法求相反数，减法)作为求相反数操作符时返回参数的相作为求相反数操作符时返回参数的相反数。作为二进制操作符时，将两个数相减。反数。作为二进制操作符时，将两个数相减。-(自减自减)将表示数值的变量减一将表示数值的变量减一(可以返回新值或旧值可以返回新值或旧值)。*(乘法乘法)将两个数相乘。将两个数相乘。/(除法除法)将两个数相除。将两个数相除。%(求余求余)求两个数相除的余数。求两个数相除的余数。2.3 2.3 运算符运算符 二、赋值运算符二、赋值运算符=将第二操

27、作数的值赋给第一操作数。将第二操作数的值赋给第一操作数。+=+=将两个数相加，并将和赋给第一个数。将两个数相加，并将和赋给第一个数。-=-=将两个数相减，并将差赋给第一个数。将两个数相减，并将差赋给第一个数。*=将两个数相乘，并将积赋给第一个数。将两个数相乘，并将积赋给第一个数。/=/=将两个数相除，并将商赋给第一个数。将两个数相除，并将商赋给第一个数。%=%=计算两个数相除的余数，并将余数赋给第一个数。计算两个数相除的余数，并将余数赋给第一个数。&=&=执行按位与，并将结果赋给第一个操作数。执行按位与，并将结果赋给第一个操作数。=执行按位异或，并将结果赋给第一个操作数。执行按位异或，并将结果

28、赋给第一个操作数。|=|=执行按位或，并将结果赋给第一个操作数。执行按位或，并将结果赋给第一个操作数。=执行算术右移，并将结果赋给第一个操作数。执行算术右移，并将结果赋给第一个操作数。=执行逻辑右移，并将结果赋给第一个操作数。执行逻辑右移，并将结果赋给第一个操作数。2.3 2.3 运算符运算符 三、比较运算符三、比较运算符=如果操作数相等的话则返回真。如果操作数相等的话则返回真。!=!=如果操作数不相等的话则返回真。如果操作数不相等的话则返回真。如果左操作数大于右操作数的话则返回真。如果左操作数大于右操作数的话则返回真。=如果左操作数大于等于右操作数的话则返回真。如果左操作数大于等于右操作数的

29、话则返回真。如果左操作数小于右操作数的话则返回真。如果左操作数小于右操作数的话则返回真。=如果左操作数小于等于右操作数的话则返回真。如果左操作数小于等于右操作数的话则返回真。2.3 2.3 运算符运算符 四、逻辑运算符四、逻辑运算符&(逻辑与逻辑与)如果两个操作数都是真的话则如果两个操作数都是真的话则返回真。否则返回假。返回真。否则返回假。|(逻辑或逻辑或)如果两个操作数都是假的话则如果两个操作数都是假的话则返回假。否则返回真。返回假。否则返回真。!(逻辑非逻辑非)如果其单一操作数为真，则返如果其单一操作数为真，则返回假。否则返回真。回假。否则返回真。2.3 2.3 运算符运算符 五、位运算符

30、五、位运算符&(按位与按位与)如果两个操作数对应位都是如果两个操作数对应位都是 1 1 的话则在该位返回的话则在该位返回 1 1。(按位异或按位异或)如果两个操作数对应位只有一个如果两个操作数对应位只有一个 1 1 的话则在该位返回的话则在该位返回 1 1。|(按位或按位或)如果两个操作数对应位都是如果两个操作数对应位都是 0 0 的话则在该位返回的话则在该位返回 0 0。(求反求反)反转操作数的每一位。反转操作数的每一位。(算术右移算术右移)将第一操作数的二进制形式的每一位向右移位，所移位的将第一操作数的二进制形式的每一位向右移位，所移位的数目由第二操作数指定。忽略被移出的位。数目由第二操作

31、数指定。忽略被移出的位。(逻辑右移逻辑右移)将第一操作数的二进制形式的每一位向右移位，所移位的将第一操作数的二进制形式的每一位向右移位，所移位的数目由第二操作数指定。忽略被移出的位，左面的空位补零。数目由第二操作数指定。忽略被移出的位，左面的空位补零。2.3 2.3 运算符运算符 运算符练习：运算符练习：1+2=1+2=？2*3=2*3=？5%2=5%2=？9/4=9/4=？2.252.253 36 61 154=?54=?4=5=?4=5=?4!=5=?4!=5=?truetruefalsefalsetruetruetrue&falsetrue&false=?=?true|falsetrue

32、|false=?=?falsefalsetruetrue2.4 2.4 程序的流程控制程序的流程控制 JavaScriptJavaScript程序的流程有三种结构：程序的流程有三种结构：顺序结构顺序结构选择结构选择结构循环结构循环结构2.4 2.4 程序的流程控制程序的流程控制 一、选择结构一、选择结构if(condition)if(condition)statements1statements1 else else statements2statements2 if(condition)if(condition)statements1statements1 if(condition1)if(

33、condition1)statements1 statements1else if(condition2)else if(condition2)statements2 statements2else if(condition3)else if(condition3)statements3 statements3ElseElse statements4 statements4 1 1、2 2、3 3、2.4 2.4 程序的流程控制程序的流程控制 例：例：if(xif(x1)1)if(yif(y=1)=1)alert(alert(“x x1,y=11,y=1”););elseelsealert(a

34、lert(“x x1,y!=110)else if(x10)ifif（y=1)y=1)alert(alert(“x x10,y=110,y=1”););elseelsealert(alert(“x x10,y!=110,y!=1”););elseelsealert(alert(“1=x=101=x=10”););2.4 2.4 程序的流程控制程序的流程控制 二、二、switchswitch选择语句选择语句switch(expression)switch(expression)case label:case label:statement;statement;break;break;case l

35、abel:case label:statement;statement;break;break;.default:default:statement;statement;注：注：switchswitch语句判断条语句判断条件可以接受件可以接受JavaScriptJavaScript支持的所有类型的数据支持的所有类型的数据2.4 2.4 程序的流程控制程序的流程控制 varvar x=2 x=2switch(xswitch(x)case 1 case 1：alert(alert(“MondayMonday”);break);break;case 2 case 2：alert(alert(“Tue

36、sdayTuesday”);break);break;case 3 case 3：alert(alert(“WednesdayWednesday”);break);break;default:default:alert(alert(“DonDont t know know”););varvar x=2 x=2switch(xswitch(x)case 1 case 1：case 2case 2：case 3case 3：case 4case 4：case 5case 5：alert(alert(“WorkingWorking dayday”);break);break;default:defa

37、ult:alert(alert(“offoff day day”););2.4 2.4 程序的流程控制程序的流程控制 三、三、whilewhile循环语句循环语句while(condition)while(condition)statementsstatements do do statementstatementwhile(condition);while(condition);四、四、forfor循环语句循环语句for(initial-expression;condition;increment-for(initial-expression;condition;increment-expr

38、ession)expression)statementsstatements 2.5 2.5 函数函数 function function name(paramname(param,paramparam.,.,paramparam)statementsstatements return return 表达式；表达式；一、函数的定义与调用一、函数的定义与调用定义：定义：2.5 2.5 函数函数 调用：调用：!-script language=varvar msgmsg=全局变量全局变量;function function square(x,ysquare(x,y)varvar sum;sum;s

39、um=x*x+y*y;sum=x*x+y*y;return sum;return sum;function show()function show()varvar msgmsg=局部变量局部变量;alert(msgalert(msg););2.5 2.5 函数函数 varvar sum;sum;alert(sumalert(sum=+sum);/=+sum);/此时此时sumsum的值为的值为undefinedundefinedsum=square(2,3);sum=square(2,3);alert(sumalert(sum=+sum);=+sum);/上面的两条语句可以改写成下面的被注释的

40、语句上面的两条语句可以改写成下面的被注释的语句/alert(sumalert(sum=+square(2,3);=+square(2,3);show();show();2.5 2.5 函数函数 二、全局变量与局部变量二、全局变量与局部变量!-script language=varvar msgmsg=全局变量全局变量;function show()function show()varvar msgmsg;msgmsg=局部变量局部变量;show();show();alert(msgalert(msg););运行结果：运行结果：2.5 2.5 函数函数 !-script language=var

41、var msgmsg=全局变量全局变量;function show()function show()/varvar msgmsg;msgmsg=局部变量局部变量;show();show();alert(msgalert(msg););运行结果：运行结果：2.5 2.5 函数函数 三、参数个数可变的函数三、参数个数可变的函数 在函数内部，可以使用一个名为在函数内部，可以使用一个名为argumentsarguments的对象，这是一的对象，这是一个数组对象，其中包含了调用程序传递给函数的所有参数。例：个数组对象，其中包含了调用程序传递给函数的所有参数。例：script language=funct

42、ion function testParamstestParams()()varvar paramsparams=;=;for(varfor(var i=0;i i=0;iarguments.lengtharguments.length;i+);i+)paramsparams+=+=+argumentsiargumentsi;alert(paramsalert(params););testParams(abc,123);testParams(abc,123);testParams(123,456,abc);testParams(123,456,abc);2.5 2.5 函数函数 四、创建动态函

43、数四、创建动态函数基本语法：基本语法：varvar varnamevarname=new Function(arg1,arg2,.=new Function(arg1,arg2,.argNargN,functionBodyfunctionBody)例：例：script language=varvar square=new square=new Function(x,y,varFunction(x,y,var”+”sum;sumsum;sum=x*x+y*=x*x+y*y;returny;return sum;);sum;);alert(square(2,3);alert(square(2,3)

44、;2.5 2.5 函数函数 五、五、JavaScriptJavaScript中的系统函数中的系统函数1 1、encodeURIencodeURI 该方法返回对一个该方法返回对一个URIURI字符串编码后的结果。字符串编码后的结果。URLURL为为URIURI的一种，这里，可认为的一种，这里，可认为URIURI即为即为URLURL。varvar urlStrurlStr=encodeURI(=encodeURI(“http:/www.it315.org/http:/www.it315.org/”+”index.html?countryindex.html?country=中国中国&name=z

45、x);&name=z x);alert(urlStralert(urlStr););2.5 2.5 函数函数 2 2、decodeURIdecodeURI 该方法将一个已编码的该方法将一个已编码的URIURI字符串解码成最初始的字符字符串解码成最初始的字符串并返回。串并返回。varvar urlStrurlStr=decodeURI(=decodeURI(http:/www.it315.org/http:/www.it315.org/+”index.html?countryindex.html?country=%E4%B8%AD%E5%9B%BD&name=z%20 x);=%E4%B8%AD

46、%E5%9B%BD&name=z%20 x);alert(urlStralert(urlStr););2.5 2.5 函数函数 3 3、parseIntparseInt将一个字符串按指定的进制转换成一个整数。将一个字符串按指定的进制转换成一个整数。如果如果parseIntparseInt方法完全无法将一个字符串转换成数字，它返回方法完全无法将一个字符串转换成数字，它返回NaNNaN（非数字），（非数字），NaNNaN需要用需要用isNaNisNaN方法才能检测出。方法才能检测出。alert(123abc+1)+n+(parseInt(123abc,10)+1);alert(123abc+1)+

47、n+(parseInt(123abc,10)+1);2.5 2.5 函数函数 4 4、parseFloatparseFloat将一个字符串转换成对应的小数将一个字符串转换成对应的小数varvar fltStrfltStr=2.5;=2.5;alert(fltStr+1)+n+(parseFloat(fltStr)+1);alert(fltStr+1)+n+(parseFloat(fltStr)+1);2.5 2.5 函数函数 5 5、isNaNisNaNisNaNisNaN方法用于检测方法用于检测parseIntparseInt和和parseFloatparseFloat方法的返回值是方法的返

48、回值是否为否为NaNNaN，如果是，返回，如果是，返回truetrue，否则，返回，否则，返回falsefalse。2.5 2.5 函数函数 6 6、evaleval将某个参数字符串作为一个将某个参数字符串作为一个JavaScriptJavaScript表达式执行表达式执行for(for(varvar i=0;i i=0;in;in;i+)+)eval(vareval(var a+ia+i+=+i);+=+i);2.6 2.6 对象对象 一、对象与对象实例一、对象与对象实例 对象是对某一类事物的描述，是抽象上的概念；而对象实对象是对某一类事物的描述，是抽象上的概念；而对象实例是一类事物中的具体

49、个例。对象和对象实例的关系，就如例是一类事物中的具体个例。对象和对象实例的关系，就如“人人”和和“张三张三”的关系一样。能够被用来创建对象实例的的关系一样。能够被用来创建对象实例的函数就叫对象的构造函数，只要定义了一个对象的构造函数，函数就叫对象的构造函数，只要定义了一个对象的构造函数，就等于定义了一个对象。使用就等于定义了一个对象。使用newnew关键字和对象的构造函数就关键字和对象的构造函数就可以创建对象实例，语法如下：可以创建对象实例，语法如下：varvar objInstanceobjInstance=new=new ObjNameObjName(传递给该对象的实际参数列表传递给该对象

50、的实际参数列表)；2.6 2.6 对象对象 创建一个对象之后，就可以用创建一个对象之后，就可以用“对象实例名对象实例名.成员成员名名”的格式来访问对象的属性和方法了。的格式来访问对象的属性和方法了。!-script language=function Person()function Person()varvar person1=new Person();person1=new Person();person1.age=18;person1.age=18;person1.name=person1.name=zxxzxx;2.6 2.6 对象对象 function function sayFun