《网页设计与制作第二版》网页制作脚本语言

?网页设计与制作〔第二版〕?第8章网页制作脚本语言8.1VBScript与JavaScript8.1.1VBScript与JavaScriptVBScript和JavaScript是目前比较流行的脚本语言，都可以用来建立交互式的Web应用程序。脚本语言是一种介于HTML和C++，VisualBasic等程序设计语言之间的语言。脚本语言通常是嵌入到HTML文档中的，具有解释执行的特征。根据脚本程序被解释执行的地点的不同，可将它们分为客户端脚本和效劳器端脚本，前者由浏览器负责解释执行，后者由Web效劳器负责解释执行。2023/1/122?网页设计与制作〔第二版〕?8.2.2VBScript运算符与表达式1．算术运算2．连接运算3．关系运算符4．逻辑运算5．运算符的优先级2023/1/125?网页设计与制作〔第二版〕?8.2.3VBScript的根本语句1．选择语句在VBScript中，实现选择结构有两种语句：If…Then…Else语句和Select…Case语句，这两种语句在执行时，先对条件进行判断，然后根据条件执行相应的脚本。If…Then…Else语句是双分支选择结构语句，Select…Case语句是多分支选择结构语句。2023/1/126?网页设计与制作〔第二版〕?〔1〕If…Then…Else语句形式1：If<条件>Then<语句组1>[Else<语句组2>]EndIf形式2：If<条件>Then<语句1>[Else<语句2>]2023/1/127?网页设计与制作〔第二版〕?〔2〕SelectCase语句SelectCase<表达式>Case<表达式值列表1><语句1>[Case<表达式值列表2>]<语句2>……[CaseElse<语句n>]EndSelect2023/1/128?网页设计与制作〔第二版〕?2．循环语句使用循环语句可以反复执行某段脚本，直到满足循环条件后才停止。在VBScript中，提供了4种循环语句：For…Next语句、Do…Loop语句、While…End语句和ForEach…Next语句。〔1〕For…Next语句For<循环变量>=<初始值>To<终值>[Step<步长>][<语句>][ExitFor]Next[<循环变量>]2023/1/129?网页设计与制作〔第二版〕?〔2〕While…Wend语句While<条件><语句组>Wend〔3〕Do…Loop语句形式1：形式2：DoWhile<条件>Do[<语句>][<语句>][ExitDo][ExitDo]LoopLoopWhile<条件>形式3：形式4：DoUntill<条件>Do[<语句>][<语句>][ExitDo][ExitDo]LoopLoopUntill<条件>2023/1/1210?网页设计与制作〔第二版〕?8.2.4VBScript语句中的过程和事件处理在实际的编程过程中，将用于实现某一特定功能，而且相对集中的语句放在一个子程序中，称为过程。在过程中的语句一般和其他过程中的语句或主程序〔相对于子程序而言〕中的语句没有什么直接联系。在VBScript中，过程被分为两类：Sub过程和Function过程。1．Sub过程Sub过程，也称为子过程。它是由一些功能实现相对集中的VBScript语句组成的。这些语句以Sub语句开头，以EndSub语句结束。这些语句被执行操作时并不返回任何数值，这一点与Function过程不同。2023/1/1211?网页设计与制作〔第二版〕?2．Function过程Function过程又称函数过程，它与Sub过程类似，也是由一系列VBScript语句组成，它以Function语句开头，以EndFunction语句结束。Function过程在调用结束后，通过函数名返回一个值，这个值是在过程的语句中赋给函数名的，它的数据类型总是Variant。3．VBScript事件处理VBScript提供了3种事件处理的方式。〔1〕通过事件过程来控制事件〔2〕用内联代码直接处理事件〔3〕用for和event属性来处理事件8.2.5应用举例2023/1/1212?网页设计与制作〔第二版〕?8.3VBScript的函数

VBScript的函数种类很多，包括与数字运算有关的函数，与字符串处理有关的函数，数据类型转换函数及日期与时间函数等。8.3.1数学运算函数

表8-4 数学运算函数及其功能函数功能函数功能Abs()返回一个数的绝对值Log()返回以e为底的对数Atn()返回反正切Sqn()返回一个数的符号Cos()返回余弦Sin()返回正弦Exp()返回e的方幂Sqr()返回一个数的平方根Fix()返回一个数的整数部分Tan()返回正切Int()返回不超过一个数的最大整数Round()对数值表达式进行四舍五入2023/1/1213?网页设计与制作〔第二版〕?8.3.2字符串处理函数表8-5 字符串处理函数及其功能函数功能函数功能Len()求字符串的长度Left()从左边截取字符串Lcase()将字符串中的所有字母变成小写Right()从右边截取字符串Ucase()将字符串中的所有字母变成大写Mid()从指定位置处截取字符串Ltrim()去除字符串左边的空格Space()产生指定数目的空格Rtrim()去除字符串右边的空格String()产生指定数目的重复字符Trim()去除字符串两边的空格StrReverse()使字符串逆序输出Replace()将字符串中指定的子串替换为另一子串InStr()在一个字符串中搜索匹配字符串的位置2023/1/1214?网页设计与制作〔第二版〕?8.3.3数据类型转换函数表8-6 数据类型转换函数及其功能函数功能函数功能CBool()将表达式转换为布尔子类型的数据CInt()将表达式转换为整数类型的数据CByte()将表达式转换为字节子类型的数据CSng()将表达式转换为单精度子类型的数据CCur()将表达式转换为货币子类型的数据CStr()将表达式转换为字符串子类型的数据CDate()将表达式转换为日期子类型的数据Oct()将数值转换为表示八进制值的字符串CDbl()将表达式转换为双精度子类型的数据Hex()将数值转换为表示十六进制值的字符串2023/1/1215?网页设计与制作〔第二版〕?8.3.4日期时间函数表8-7 日期时间函数及其功能函数功能函数功能Year()从日期中提取年份Minute()从时间中提取分钟Month()从日期中提取月份Second()从时间中提取秒数Day()从日期中提取日数DateValue()将字符串形式日期转换成数值WeekDay()从日期中提取一周中的天数TimeValue()将字符串形式时间转换成数值Hour()从时间中提取小时DateSerial()将整数形式日期转换成数值TimeSerial()将整数形式时间转换成数值Date返回当前系统日期Time返回当前系统时间Now返回当前系统的日期及时间2023/1/1216?网页设计与制作〔第二版〕?8.3.5其他函数1．InputBoxInputBox(提示字符串[,窗口说明][,内容默认值][,对话框水平坐标][,对话框垂直坐标])2．MsgBox函数MsgBox(提示字符串[,按钮][,窗口说明])2023/1/1217?网页设计与制作〔第二版〕?表8-8 按钮参数取值表组符号常数值意义第1组VbOkOnly0只显示“确定”按钮VbOkCancel1显示“确定”及“取消”按钮VbAbortRetryIgnore2显示“终止”、“重试”、“忽略”按钮VbYesNoCancel3显示“是”、“否”及“取消”按钮VbYesNo4显示“是”及“否”按钮VbRtryCancel5显示“重试”及“取消”按钮第2组VbCritical16显示中止图标（坏信息）VbQuestion32显示问号图标（有疑问）2023/1/1218?网页设计与制作〔第二版〕?组符号常数值意义第2组VbExclamation48显示惊叹号图标（警告）VbInformation64显示i图标（信息）第3组VbDefaultButton10第1个按钮为默认VbDefaultButton2256第2个按钮为默认VbDefaultButton3512第3个按钮为默认VbDefaultButton4768第4个按钮为默认第4组VbApplicationModal0应用程序强制返回；应用程序一直被挂起，直到用户对消息框做出响应才继续工作VbSystemModal4096系统强制返回；全部应用程序都被挂起，直到用户对消息框做出响应才继续工作续表2023/1/1219?网页设计与制作〔第二版〕?表8-9 MsgBox函数的返回值符号常数返回值含义符号常数返回值含义VbOk1单击“确定”按钮VbIgnore5单击“忽略”按钮VbCancel2单击“取消”按钮VbYes6单击“是”按钮VbAbort3单击“终止”按钮VbNo7单击“否”按钮VbRetry4单击“重试”按钮2023/1/1220?网页设计与制作〔第二版〕?8.4VBScript中的对象VBScript的对象是由一系列的属性和方法构成的。VBScript支持3种类型的对象：内建对象、浏览器对象和用户自定义对象。内建对象共有7种，即Dictionary对象、Drive对象、Err对象、File对象、FileSystemObject对象、Folder对象和TextStream对象。VBScript提供的创立用户自定义对象功能为使用者提供了更广阔的对象处理能力，自定义对象同样也有其属性和方法，并可在程序中像内建对象一样使用。VBScript支持的浏览器对象，如Window和Document对象等，主要用于实现客户端的功能。本节中主要介绍浏览器对象及它的应用。2023/1/1221?网页设计与制作〔第二版〕?浏览器对象是一种层次结构〔见图8-6〕，其中的每个对象可以被脚本引擎访问。图8-6浏览器对象模型2023/1/1222?网页设计与制作〔第二版〕?8.4.1Window对象

在浏览器对象模型中，最顶层的对象是Window对象。Window对象表示浏览器的窗口，是其他对象的容器。Window对象的属性和方法可以在脚本中直接访问。

Window对象的属性Window对象的方法Window对象提供了两个事件，即OnLoad和OnUnload事件。OnLoad事件在页面加载时触发，而OnUnload事件在页面卸载时触发。2023/1/1223?网页设计与制作〔第二版〕?表8-11 Window对象的属性属性说明Name返回窗口的名称，它是一个只读属性，在窗口生成时指定。可以用<a>标记和target属性来指定窗口名称，也可以用Window对象的Open方法打开窗口时指定名称Parent返回当前窗口的父窗口对象。通过Parent属性，可以访问父窗口的属性。例如，Alert"当前窗口的父窗口名是："&Parent.NameTop返回表示最顶层窗口的Window对象Document返回当前窗口的Document对象，Document对象表示窗口中显示的文档Frames窗口中可以包含框架，框架通过Frames属性访问，它是一个对象数组。当前窗口中的第一个框架是Frames(0)，第二个框架是Frames(1)，依次类推Location返回当前窗口的Location对象。通过Location对象，可以访问文档的URL信息。当前窗口中文档的URL是由Location对象的Href属性给出的DefaultStatus返回或设置在浏览器状态栏中显示的默认信息。当浏览器的状态栏不显示其他信息时，将显示这个信息Status设置或返回在浏览器状态栏中显示的信息History返回当前窗口的History对象的访问2023/1/1224?网页设计与制作〔第二版〕?表8-12 Window对象的方法方法说明Alert类似于MsgBox函数，用于显示一个警告消息框，但只有一个“确定”按钮Cofirm用于显示一个消息框，该消息框包含“确定”和“取消”按钮。如果单击“确定”按钮，则返回True，否则返回FalsePrompt类似于InputBox函数，用于提示用户输入数据Open打开一个已存在窗口，或者建立一个新窗口，并在其上显示一个文档，例如，以下语句打开一个名为“msw”的窗口，在其中显示Microsoft网站的主页并返回一个Window对象：NewWindow=Open"","msw"Close关闭一个打开的窗口，例如：NewWindow.CloseSetTimeOut设置一个计时器，用来在指定的时间后调用一个过程，时间以s为单位ClearTimeOut用来将指定的计时器复位Navigate用来在当前窗口中显示新文档，例如，以下语句通知浏览器链接到Micriosoft网站的主页：Navigate""2023/1/1225?网页设计与制作〔第二版〕?8.4.2Document对象

Document对象是指当前窗口或某个框架中显示的HTML文档。通过Document对象的属性和方法，可以访问当前加载的HTML页面，控制页面的外观和内容。Document对象的属性Document对象的方法2023/1/1226?网页设计与制作〔第二版〕?表8-13 Document对象的属性属性说明LinkColor返回或设置文档中超链接的颜色aLinkColor返回或设置文档中激活链接的颜色。激活链接是用鼠标移到一个超链接上，按下鼠标键而尚未释放时的一种状态vLinkColor返回或设置已经访问过的超链接的颜色bgColor返回或设置文档的背景色fgColor返回或设置文档的前景色AnchorsAnchor是一个对象，表示当前文档中的锚。Anchor对象的Length属性返回当前文档中锚的数目，每个锚被存储在Anchors数组中，Anchors(0)是文档中的第一个锚，而Anchors(1)是第二个锚，依次类推Title返回文档的标题，只读属性Cookie返回或设置当前文档的Cookie。Cookie是由浏览器读取和写入磁盘的文本文件，这些文件不是可执行文件，不会对文件系统构成威胁，而且只能通过浏览器进行访问。使用Cookie，可以在页面之间传递信息LinksLink是一个对象，表示文档中的超链接。Link对象的length属性返回当前文档中超链接的数目，每个超链接被存储在Links数组中，Links(0)是文档中的第一个超链接，Links(1)是文档中的第二个超链接，依次类推2023/1/1227?网页设计与制作〔第二版〕?续表属性说明FormsForm是一个对象，表示文档中的表单。Form对象的Length属性返回当前文档中表单的数目，每个表单被存储在Forms数组中，Forms(0)是文档中的第一个表单，Forms(1)j是第二个表单，依次类推Location返回文档的Location对象LastModified返回当前文档的最后修改日期Referrer返回引用文档的URL地址2023/1/1228?网页设计与制作〔第二版〕?表8-14 Document对象的方法方法说明Open用于为输出打开文档。执行Open方法后，文档中的当前内容将被清除，可以用Write或WriteLn将新的文本写到文档中Write向当前文档中写入字符串WriteLn将一个字符串写到当前文档，并在末尾加一个换行符。如果浏览器忽略换行符，则WriteLn和Write方法是一样的Close关闭文档，显示所有用Write或WriteLn方法写入的信息Clear清除当前文档中的内容2023/1/1229?网页设计与制作〔第二版〕?8.4.3Form对象

Form对象表示文档中的一个表单，表单用于获取输入数据并向效劳器传送。Form对象的属性Form对象只有一个Submit方法和一个OnSubmit事件。Submit方法用于提交表单。在表单元素中输入需要的数据后，通常要把表单内容提交给处理程序，这时就会触发OnSubmit事件。在OnSubmit事件中，可以对表单中的数据进行有效性检查，假设有错那么可以暂时不发送数据。2023/1/1230?网页设计与制作〔第二版〕?表8-15 Form对象的属性属性说明Action指定用于表单操作的后端过程的URL地址。这个属性等价于<Form>标记的Action属性Method指定客户机和服务器之间数据交换的方法，取值为GET和POST。这个属性等价于<form>标记的Method属性Target指定目标窗口。这个属性等价于<form>标记的Target属性Elements返回包含在表单中的元素数组，数组中的元素可以是<input>标记定义的内部控件，也可以是<object>标记定义的嵌入对象（如ActiveX控件）2023/1/1231?网页设计与制作〔第二版〕?8.4.4Location对象

通过Location对象可以访问文档的URL信息。

表8-16 Location对象的属性属性说明Href返回或设置装入浏览器窗口的完整的URL地址。利用这个属性，可以通过脚本代码链接到其他位置Protocol返回或设置URL的协议Host返回或设置URL的宿主和端口，宿主和端口之间用冒号隔开HostName返回或设置URL的宿主，可以是一个名字或一个IP地址Port返回或设置URL的端口PathName返回或设置URL的路径Search返回或设置URL的搜索部分Hash返回或设置URL的无用部分2023/1/1232?网页设计与制作〔第二版〕?8.4.5Link对象Link对象表示文档中的超链接。Link对象的属性与Location对象的属性类似。利用Link对象提供的属性，可以得到链接目标的URL信息。此外，单击超链接时，将触发OnClick事件；而鼠标指针移到超链接上时，将触发OnMouseOver事件。8.4.6History对象History对象是一个不可见的对象，提供了浏览器导航按钮的功能。History对象有3个方法，即Back，Forward和Go方法。Back方法用于在历史记录中往回搜索，相当于浏览器的“后退〞按钮；Forward方法用于在历史记录中向前搜索，相当于“前进〞按钮；Go方法用于跳到历史记录中的某一项。History对象只有一个Length属性，该属性表示在历史记录中URL的数目。2023/1/1233?网页设计与制作〔第二版〕?8.4.7Navigator对象Navigator对象返回浏览器的有关信息。例如，可以用AppCodeName属性返回浏览器的代码名，用AppName属性返回浏览器名，用AppVersion属性返回浏览器的版本，用UserAgent属性返回浏览器的用户代码。8.4.8程序实例2023/1/1234?网页设计与制作〔第二版〕?8.5JavaScript根底8.5.1数据类型、常量和变量1．根本数据类型在JavaScript中有4种根本的数据类型：数值型〔整数和实数〕、字符串型〔用“〞号或‘’括起来的字符〕、布尔型〔用True或False表示〕和空值。在JavaScript的根本类型中的数据可以是常量，也可以变量。由于JavaScript采用弱类型的形式，因而一个数据的变量或常量不必首先声明，而是在使用或赋值时确定其数据的类型的。当然也可以先声明该数据的类型，它是通过在赋值时自动说明其数据类型的。2023/1/1235?网页设计与制作〔第二版〕?2．常量JavaScript的常量又称字面常量，它是不能改变的数据。常量一般分为：整型常量、实型常量、布尔值、字符型常量和空值。3．变量在JavaScript中，对于变量必须明确变量的命名、类型、声明及其作用域。〔1〕变量的命名〔2〕变量的类型〔3〕变量的声明及其作用域JavaScript变量可以在使用前先用var关键字对变量进行声明同时赋值。对变量进行声明的最大好处就是能及时发现代码中的错误，因为JavaScript采用动态编译，而动态编译是不易发现代码中的错误，特别是变量命名方面的错误。JavaScript中的变量有两种不同的作用域：全局变量和局部变量。全局变量是定义在所有函数体之外，其作用范围是整个函数；而局部变量是在函数体之内用var关键字定义的，它只对该函数是可见的，而对其他函数那么不可见。全局变量也能够使用var定义，但不是必需的。2023/1/1236?网页设计与制作〔第二版〕?8.5.2运算符和表达式赋值运算符比较运算符算术运算符字符串运算符逻辑运算符位操作运算符在JavaScript中，表达式是由常量、变量以及运算符构成的。表达式可以分为算术表述式、字符串表达式、赋值表达式和布尔表达式等。2023/1/1237?网页设计与制作〔第二版〕?8.5.3JavaScript中的语句1．条件语句if(条件){语句段1;}else{语句段2;}2．循环语句〔1〕for循环语句根本格式：for(初始化;条件;增量){语句集;}2023/1/1238?网页设计与制作〔第二版〕?〔2〕while循环语句根本格式：while(条件){语句集；}〔3〕break和continue语句2023/1/1239?网页设计与制作〔第二版〕?8.5.4JavaScript的函数JavaScript支持对函数的使用。函数可以有一个或多个参数以及一个返回值。由于JavaScript语言是一个松散类型的语言，所以并不一定要为JavaScript函数定义参数或返回值的类型，另外函数可以是一个对象的属性，在这种情况下，它的作用与该对象的方法相同。

1．JavaScript函数定义Function函数名(参数,变元){函数体;.Return表达式;}2023/1/1240?网页设计与制作〔第二版〕?说明：当调用函数时，所用变量或字面量均可作为变元传递。函数由关键字Function定义，Function后面跟函数名。参数表是传递给函数使用或操作的值，其值可以是常量、变量或其他表达式。通过指定“函数名(实参)〞来调用一个函数。在函数中必须使用Return将值返回。注意：在JavaScript中，函数名对大小写是敏感的。2023/1/1241?网页设计与制作〔第二版〕?2．JavaScript的内置函数在JavaScript中用户可以自定义函数，系统也有一些函数称为内置函数或内部方法，这些函数内置于语言本身，不属于任何对象，使用这些函数不需创立任何实例，可以直接引用。eval：该函数用于计算表达式或语句，任何表达式、语句或对象属性都可以计算。该函数的语法为：returnval=eval(anylegalJavaexpressionsorstatement)parseInt：该函数用于取得一个字符串并将它按指定的进制转换成整数。进制单位在第二个参数中指定。该函数的语法为parseInt(string[,radix])parseFloat：该函数的功能与parseInt函数类似，不同的是它返回的是一个字符串的浮点数表示而不是一个整数表示。该函数的语法为parseFloat(string)2023/1/1242?网页设计与制作〔第二版〕?8.5.5JavaScript的事件JavaScript是一个事件驱动的语言。一个事件驱动的程序可以对事件做出响应，如单击鼠标或加载一个文档事件。一个事件可以引起执行一段代码〔称为事件处理程序〕，使得程序能够对事件做出正确的响应。响应一个事件的程序称为事件处理程序。JavaScript的事件处理方式与VBScript相同。2023/1/1243?网页设计与制作〔第二版〕?1．单击事件onClick当用户单击鼠标按钮时，产生onClick事件。同时onClick指定的事件处理程序或代码将被调用执行。通常在以下根本对象中产生：button〔按钮对象〕checkbox〔复选框〕或〔检查列表框〕radio〔单项选择钮〕resetbuttons〔重置按钮〕submitbuttons〔提交按钮〕2023/1/1244?网页设计与制作〔第二版〕?2．改变事件onChange当利用Text或Texturea元素输入字符值改变时引发该事件，同时当在select表格项中一个选项状态改变后也会引发该事件。3．选中事件onSelect当Text或Textarea对象中的文字被加亮后，引发该事件。4．获得焦点事件onFocus当用户单击Text或Textarea以及Select对象时，产生该事件。此时该对象成为前台对象。5．失去焦点事件onBlur当Text对象或Textarea对象以及Select对象不再拥有焦点，而退到后台时，引发该文件，它与onFocas事件是一个对应的关系。2023/1/1245?网页设计与制作〔第二版〕?6．载入文件事件onLoad当文档载入时，引发onLoad事件。OnLoad事件的一个作用就是在首次载入一个文档时检测Cookie的值，并用一个变量为其赋值，使它可以被源代码使用。7．卸载文件事件onUnload当退出Web页面时引发onUnload事件，并可更新Cookie的状态。8．鼠标移动事件OnMouseOver当鼠标从一个链接或锚站上移动过去的时候引发OnMouseOver事件。9．提交事件OnSubmit当用户提交一个表单的时候引发OnSubmit事件。2023/1/1246?网页设计与制作〔第二版〕?8.6JavaScript中的对象

JavaScript是一种基于对象的语言，在JavaScript中，对象是对客观事物或事物之间的关系的刻画。JavaScript的对象有内建对象和用户自定义对象两大类，内建对象包含了对浏览器各成分的描述，用户自定义对象允许用户根据需要创立自己的对象。JavaScript中的对象是由属性和方法两个根本元素构成的，属性是对象的数据，方法是对数据的操作。在JavaScript中，可以使用JavaScript的内建对象，也可以使用浏览器对象，还可以使用自定义对象，但是在使用对象之前，这个对象必须存在。2023/1/1247?网页设计与制作〔第二版〕?8.6.1自定义对象用户定义自己的对象包括构造对象的属性和定义对象的方法两个局部。定义对象的步骤首先定义对象的构造函数，其中包括每个属性成员的定义和初始化，以及每个方法成员的初始化。然后定义对象的各个方法成员，每个方法成员就是一个普通函数。构造函数从形式上看与普通函数相同，但要注意构造函数的名字就是对象的名字，在构造函数中使用关键字this为对象的属性成员和方法成员初始化。this本身是一个特殊对象，即当前构造函数正在创立的对象。每个对象都必须定义构造函数。2023/1/1248?网页设计与制作〔第二版〕?8.6.2对象的引用要引用对象，必须先用保存字new创立对象的实例。var对象实例名=new对象名〔实在参数表〕;创立了对象实例后，就可以通过该实例引用对象的属性和方法成员。对象属性成员的引用格式是：对象实例名.属性成员名;对象方法成员的引用格式是：对象实例名.方法成员名;2023/1/1249?网页设计与制作〔第二版〕?8.6.3有关对象操作的语句1．For…in语句该语句用于循环遍历一个对象中的所有属性。该语句的语法格式为for(varibleinobject){//语句}其中，Varible可以是用户选择的任何变量名。2．new语句该语句用于创立一个对象的新实例。它的语法格式为objectvar=newobjecttype(param1[,param2]…[,paramN])3．with语句该语句用于为一系列语句设置缺省对象，然后可以引用属性而无需使用父对象。它的语法格式为with(object){statement;}2023/1/1250?网页设计与制作〔第二版〕?8.6.4常用的内建对象在JavaScript中，掌握和使用JavaScript的预定义对象〔即内建对象〕和浏览器对象是很重要的。JavaScript提供了一些非常有用的常用内建对象和方法，如String对象、Math对象和Date对象等。JavaScript的数组也可通过一个内建的数组对象Array来实现。2023/1/1251?网页设计与制作〔第二版〕?1．数组数组是假设干个元素的有序集合，每个数组有一个名字作为标识。在几乎所有的高级语言中，数组都是被支持的数据类型；但在JavaScript中，没有明显的数组类型。在JavaScript中数组可通过对象来实现，具体有以下两种实现方式：使用JavaScript的内建对象Array；使用自定义对象的方式创立数组对象。2023/1/1252?网页设计与制作〔第二版〕?〔1〕通过内建对象Array使用数组内建数组对象Array的使用方法与自定义对象的使用方法根本相同。创立数组对象的实例数组元素的引用Array对象的属性和方法2023/1/1253?网页设计与制作〔第二版〕?〔2〕自定义数组对象自定义数组对象与一般的自定义对象的使用方法是一样的：通过Function定义一个数组的构造函数，并使用new对象操作符创立一个具有指定长度的数组。定义数组对象FunctionarrayName(size){This.length=Size;for(varX=0;X<size;X++)this[X]=0;Returethis;}创立数组实例2023/1/1254?网页设计与制作〔第二版〕?2．String对象String对象是一个静态对象，访问属性和方法的格式是：对象名.方法名/属性名。〔1〕String对象的属性String对象只有一个属性，即length。它说明了字符串中的字符个数，包括所有符号。〔2〕String对象的方法2023/1/1255?网页设计与制作〔第二版〕?3．Math对象Math对象封装了常用的数学常数和运算，包括三角函数、对数函数、指数函数等。Math对象本身就是一个实例，是由系统创立的静态对象，不需用new创立对象的实例。〔1〕Math对象的属性Math对象的属性定义了一些常用的数学常数，它们是只读的，如表8-18所示。2023/1/1256?网页设计与制作〔第二版〕?表8-19 Math对象的常用方法方法含义方法含义sin(val)返回val的正弦值，val的单位是弧度abs(val)返回val的绝对值cos(val)返回val的余弦值，val的单位是弧度ceil(val)返回大于或等于val的最小整数值tan(val)返回val的正切值，val的单位是弧度floor(val)返回小于或等于val的最小整数值asin(val)返回val的反正弦值，val的单位是弧度round(val)返回val四舍五入得到的整数值exp(val)返回E的val次方random()返回0～