《JavaScript脚本语言.ppt》由会员分享，可在线阅读，更多相关《JavaScript脚本语言.ppt（56页珍藏版）》请在三一办公上搜索。
1、JavaScript脚本语言,JavaScript语言简介,JavaScript语法基础,JavaScript内置对象与函数,JavaScript语言简介,JavaScript有关概念JavaScript是一种基于对象（Object）和事件驱动（Event Driven）并具有安全性能的脚本语言。JavaScript的特点是一种脚本编写语言：采用小程序段的方式实现编程。是一种解释性语言。简单性：首先它是一种基于Java基本语句和控制流之上的简单而紧凑的设计，从而对于学习Java是一种非常好的过渡。其次它的变量类型是采用弱类型，并未使用严格的数据类型。安全性：它不允许访问本地的硬盘，只能通过浏览
2、器实现信息浏览或动态交互。可以有效地防止数据的丢失。动态性：JavaScript是动态的，它可以直接对用户或客户输入做出响应，无须经过Web服务程序。它对用户的反映响应，是采用以事件驱动的方式进行的。,跨平台性：JavaScript是依赖于浏览器本向，与操作环境无关，只要能运行浏览器的计算机，并支持JavaScript的浏览器就可正确执行。JavaScript与Java的区别 两者是两个公司开发的不同的两个产品。用途不同，前身不同；基于对象和面向对象：Java是一种真正面向对象的语言；JavaScript是一种脚本语言，是一种基于对象和事件驱动。解释和编译：Java的源代码在传递到客户端执行之
3、前，须经过编译，因而客户端上必须具有相应平台上的住址器或解释器，它可以通过编译器或解释器实现独立于某个特定的平台编译代码的束缚。而JavaScript是一种解释性编程语言，其源代码在发往客户端执行之前不需经过编译，而是将文本格式的字符代码发送给客户端由浏览器解释执行。,JavaScript语言简介,强变量和弱变量：Java采取强变量类型，即所有变量在使用前必须进行声明；而在JavaScript中，变量在使用前不需作声明，而是解释器在运行时检查其数据类型；如定义一个整型变量和一个字符型变量：,Java中：int x;x=1234;string y;y=1234;,JavaScript中：x=12
4、34;y=“1234”;,代码格式不一样：Java是一种与HTML无关的格式，必须通过像HTML中引用外媒体那样进行装载，其代码以字节代码的形式保存在独立的文档中。JavaScript的代码是一种文本字符格式。可以直接嵌入HTML文档中。,var x=“123.3”;var y=“5”;x=x+y;Alert(typeof(x);,JavaScript语言简介,嵌入方式不一样：Java使用,JavaScript使用。静态联编和动态联编：Java的对象引用必须在编译时进行，以便强类型检查。JavaScriptr的对象引用在运行时进行检查，如不经编译则就无法实现对象引用的检查。,JavaScrip
5、t语言简介,第一个JavaScript程序,/JavaScript Appears here.alert(这是第一个JavaScript例子!);alert(欢迎你进入JavaScript世界!);alert(今后我们将共同学习JavaScript知识！);,JavaScript代码的加入 JavaScript语言代码；JavaScript语言代码;.说明：通过标识.指明JavaScript脚本源代码将放入其间。通过属性Language=“JavaScript”说明标识中是使用的何种语言，这里是JavaScript语言，还可以其它脚本语言。,JavaScript语言简介,JavaScript语
6、法基础,JavaScript基本数据结构,JavaScript程序构成,JavaScript程序实例,JavaScript脚本语言同其它语言一样，有它自身的基本数据类型、表达式和算术运算符以及程序的基本框架结构。一、基本数据类型：数值型(Number)：可为整数或浮点数字符串型(String)：保存各种文本数据布尔型(Boolean)：只能是true或false对象(Object):例如document、window、date等等，是一群属性的集合，每一个属性都有一个名称和值。而属性的数据类型可以是前面介绍的任一种函数(Function):为内置函数或用户自定义空值(Null)：注：在Java
7、Script中，一个数据的变量或常量不必首先作声明，而是在使用或赋值时确定其数据的类型的。,JavaScript基本数据结构,JavaScript基本数据结构,二、常量整型常量：实型常量：布尔型：只有两种状态：True、False.主要用来说明或代表一种状态或标志，以说明操作流程。字符型常量：使用或“”括起来的一个或几个字符。空值：null，表示什么也没有特殊字符：同C语言一样，JavaScript中同样以有些以/开头的不可显示的特殊字符。通常称为控制字符。,三、变量用来存放数据、提供存放信息的容器。或可以看作：代表某内存空间的名称对于变量必须明确变量的命名、变量的类型、变量的声明及变量的作用
8、域。变量的命名：字母、数字、下划线，不能以数字开头；不能使用关键字（保留字）。变量的类型：即上述几种数据类型。变量作用域：全局变量、局部变量。定义新的变量名称：在JavaScript中，可以使用var命令来定义新的变量，若没有事先定义，则根据数据特性自动定义；var text;var high_score;var count3=1;var ErrorMessage=Connect to host failed.var daysLeft=5.7;var 82much=true;/这行代码是有语法错误的。Typeof可以用来查询某一变量的数据类型。,JavaScript的基本数据结构,JavaSc
9、ript的基本数据结构,数据类型转换1.自动类型转换：使用不同的运算符，产生的类型变化各不相同，其中，使用加法运算时，数据类型的变化情况如下：,2.强制类型转换：用来转换字符串类型的函数及其功能如下表所示：,JavaScript的基本数据结构,JavaScript的基本数据结构,内部变量与全局变量内部变量：指只有该段程序可以使用的变量名称，同时在该段程序代码结束后，内部变量即推动作用。全局变量：指其值一直被保留下来，且所有的程序可以共享并获得或改变其值的变量。变量的生命期变量生命期：是指定义变量后，变量数据内容的保留期。全局变量和内部变量的生命期如下：全局变量：直到离开网页文件；内部变量：程序
10、或函数执行结束；,例：var a,b,c;/a,b,c为全局变量；Function my_area()var x,y,z;/x,y,z为my_area()的内部变量；,JavaScript的基本数据结构,四、表达式和运算符表达式：运算符和运算数组成的完成一定功能的式子。运算符：分为赋值运算符、算术运算符、逻辑运算符、关系运算符、字符串运算符等。算术运算符：+、-、*、/、%、-、+、-、（）关系运算符：、=、=、!=逻辑运算符：！、&、|、&、|、（后四种：位与、位异或、位或、位非）赋值运算符：=、+=、-=、*=、/=、%=、&=、=、|=、=、=字符串运算符：+（连接运算）、“注释符号：/
11、（单行）、/*和*/（可多行）运算符的优先级：算术运算符字符串运算符关系运算符逻辑运算符。,JavaScript程序构成,一、程序控制流1.if条件语句,格式1：If(表达式)语句段1Else语句段2,功能：若表达式为true,执行语句段1；否则执行语句段2；,说明：if-else语句可以改变语句的执行顺序。表达式中必须使用关系语句，来实现判断，它是作为一个布尔值来估算的。它将零和非零的数分别转化成false和true。若if后的语句有多行，则必须使用花括号将其括起来。,举例：if(x=1)y=100;z=50;elsey=50;z=100;,格式2：If(表达式1)语句1；Else if(表
12、达式2)语句2；,说明：每一级的布尔表述式都会被计算，若为真，则执行其相应的语句，否则执行else后的语句。,举例：if(x=1)y=100;,JavaScript程序构成,2.for循环语句：,3.while循环语句：,如果要中断for循环的执行，可以使用break命令，而执行循环的下一个值则使用continue命令。,、break和continue语句与C+语言相同，使用break语句使得循环从For或while中跳出，continue使得跳过循环内剩余的语句而进入下一次循环。二、函数：JavaScript函数可以封装那些在程序中可能要多次用到的模块。并可作为事件驱动的结果而调用的程序。从
13、而实现一个函数把它与事件驱动相关联。这是与其它语言不样的地方。1.函数定义格式：,JavaScript程序构成,Function 函数名（参数,变元）函数体;.Return表达式;,JavaScript程序构成,当调用函数时,所用变量或字面量均可作为变元传递。函数由关键字Function定义。函数名：定义自己函数的名字。参数表，是传递给函数使用或操作的值，其值可以是常量，变量或其它表达式。通过指定函数名（实参）来调用一个函数。必须使用Return将值返回。函数名对大小写是敏感的。,课前复习,1.如何在网页中加入JavaScript?-和之间直接加入JavaScript代码；2.标记对放在何处？
14、-与之间；-与之间；3.在上面两个地方插入标记有何区别？4.变量、运算符、表达式、函数；提出问题：函数应该放在文档的什么位置？对于函数中的代码，只有调用这个函数的时候才会执行，但是你知道应该在什么时候调用函数吗？,JavaScript程序构成,事件基本概念鼠标或键盘的动作，我们称之为事件（Event）.由事件引发的一连串的动作，称之为事件驱动（Event Driver）。对事件进行处理的程序或函数，我们称之为事件处理程序（Event Handler）。当某事件发生时，由特定事件驱动程序引发某一特定动作。捕捉事件的方法-定义事件句柄定义一个事件句柄：即将 事件名称 和 事件触发时要执行的 Jav
15、aScript 代码 一同加到 HTML 的标记中去。例如：下一页 事件句柄列表现将各事件句柄归纳如下：,（）单击事件onClick当用户单击鼠标按钮时，产生onClick事件。同时onClick指定的事件处理程序或代码将被调用执行。通常在下列基本对象中产生：,JavaScript程序构成,例：可通过下列按钮激活change()文件：（）改变事件onChange 例：,JavaScript程序构成,（）选中事件onSelect当Text或Textarea对象中的文字被加亮后，引发该事件。（）获得焦点事件onFocus当用户单击Text或textarea以及select对象时，产生该事件。此时该
16、对象成为前台对象。（）失去焦点onBlur当text对象或textarea对象以及select对象不再拥有焦点、而退到后台时，引发该文件，他与onFocas事件是一个对应的关系。（）载入文件onLoad当文档载入时，产生该事件。onLoad一个作用就是在首次载入一个文档时检测cookie的值，并用一个变量为其赋值，使它可以被源代码使用。（）卸载文件onUnload当Web页面退出时引发onUnload事件，并可更新Cookie的状态。,小节作业,练习:在你的网页中加入一个跑马灯。,基于对象的JavaScript语言,基于对象的JavaScript语言,对象的属性和方法,对象的基础知识,建立与自
17、定义对象,对象的基础知识,一、对象的基本结构：、对象的基本结构JavaScript中的对象是由属性(properties)和方法(methods)两个基本的元素构成的。方法是属于对象成员的一种功能，而属性则是属于对象成员的一个或一组值。我们可以通过下面两个实例认识对象、方法和属性：实例1：认识对象和方法实例2：认识属性对象类型主要分为客户端对象、服务器对象和核心对象三类。主要对象名称及功能前面介绍过对象是方法和属性的集合，而不同的对象所拥有的方法和属性也不相同。,、引用对象的途径 一个对象要真正地被使用，可采用以下几种方式获得：引用JavaScript内部对象；由浏览器环境中提供；创建新对象。
18、从上面我们可以看出JavaScript引用对象可通过三种方式获取。要么创建新的对象，要么利用现存的对象。已将现存主要对象列举出来了，那么怎么样创建一个新的对象？人-类；每个人-属于“人”这个类的实例；由类创建一个实例对象-new,对象的基础知识,对象的基础知识,、有关对象操作语句 JavaScript不是一种面向对象的语言，它没有提供面向对象语言的许多功能，因此JavaScript设计者之所以把它称为“基于对象”而不是“面向对象”的语言，在JavaScript中提供了几个用于操作对象的语句和关键字及运算符。1）For.in语句 格式如下：For（对象属性名in已知对象名）说明：该语句的功能是用
19、于对已知对象的所有属性进行操作的控制循环。它是将一个已知对象的所有属性反复置给一个变量；而不是使用计数器来实现的。该语句的优点就是无需知道对象中属性的个数即可进行操作。,对象的基础知识,例：下列函数是显示数组中的内容：Function showData(object)for(var X=0;X30;X+)document.write(objecti)；该函数是通过数组下标顺序值，来访问每个对象的属性，使用这种方式首先必须知道数组的下标值，否则若超出范围，则就会发生错误。而使用For.in语句，则根本不需要知道对象属性的个数，见下：Function showData(object)for(var
20、 prop in object)document.write(objectprop)；使用该函数时，在循环体中，For自动将它的属性取出来，直到最后为至。,with语句 使用该语句的意思是：在该语句体内，任何对变量的引用被认为是这个对象的属性，以节省一些代码。withobject.所有在with语句后的花括号中的语句，都是在后面object对象的作用域的。this关键字this是对当前的引用，在JavaScript由于对象的引用是多层次，多方位的，往往一个对象的引用又需要对另一个对象的引用，而另一个对象有可能又要引用另一个对象，这样有可能造成混乱，最后自己已不知道现在引用的是哪一个对象，为此J
21、avaScript提供了一个用于将对象指定当前对象的语句this。New运算符,对象的基础知识,对象的基础知识,New运算符 在JavaScript中设计人员可以按照需求来创建自己的对象，以满足某一特定的要求。使用New运算符可以创建一个新的对象。其创建对象使用如下格式：Newobject=new Object(Parameterstable);其中Newobject是创建的新对象：object是已经存在的对象；Parameterstable是参数表；new是JavaScript中的命令语句。,、对象属性的引用 对象属性的引用可由下列三种方式之一实现：（）使用点“.”运算符 universit
22、y.Name=“云南省”university.city=“昆明市”university.Date=“1999”其中university是一个已经存在的对象，Name、City、Date是它的三个属性，并通过“=”操作对其赋值。（）通过对象的下标实现引用 university0=“云南”university1=“昆明市”university2=1999 通过数组形式访问属性，可以使用循环操作获取其值。Function showunievsity(object)for(varj=0;j2;j+)document.write(objectj),对象的基础知识,若采用For.in则可以不知其属性的个数
23、后就可以实现：Functionshowmy(object)for(varpropinthis)docament.write(thisprop);（）通过字符串的形式实现 universityName=“云南”universityCity=“昆明市”universityDate=1999“、对象的方法的引用 在JavaScript中对象方法的引用是非常简单的。ObjectName.methods()实际上methods()=FunctionName方法实质上是一个函数。如引用university对象中的showmy（）方法，则可使用：document.write(university.showm
24、y(),对象的基础知识,对象的基础知识,或：document.write(university)如引用math内部对象中cos()的方法：with(math)document.write(cos(35);document.write(cos(80);若不使用with则引用时相对要复杂些：document.write(math.cos(35)document.write(math.sin(80),JavaScript为我们提供了一些非常有用的常用内部对象和方法。用户不需要用脚本来实现这些功能。这正是基于对象编程的真正目的。在JavaScript提供了string（字符串）、math（数值计算）和
25、Date（日期）三种对象和其它一些相关的方法。从而为编程人员快速开发强大的脚本程序提供了非常有利的条件。1、常用内部对象 在JavaScript中对于对象属性与方法的引用，有两种情况：其一是说该对象是静态对象，即在引用该对象的属性或方法时不需要为它创建实例；而另一种对象则在引用它的对象或方法时必须为它创建一个实例，即该对象是动态对象。对JavaScript内部对象的引用，以是紧紧围绕着它的属性与方法进行的。因而明确对象的静动性对于掌握和理解JavaScript内部对象是具有非常重要的意义。)、串对象,常用对象的属性和方法,string对象：内部静态性。访问properties和methods时
26、，可使用（.）运算符实现。基本使用格式：objectName.prop/methods（）串对象的属性 该对象只有一个属性，即length。它表明了字符串中的字符个数，包括所有符号。例：mytest=ThisisaJavaScript mystringlength=mytest.length 最后mystringlength返回mytest字串的长度为20。（）串对象的方法 string对象的方法共有个。主要用于有关字符串在Web页面中的显示、字体大小、字体颜色、字符的搜索以及字符的大小写转换。其主要方法如下：,常用对象的属性和方法,常用对象的属性和方法,锚点anchor()：该方法创建如用H
27、tml文档中一样的anchor标记。通过下列格式访问：string.anchor(anchorName)。有关字符显示的控制方法 Italics()斜体字显示，bold()粗体字显示，blink()字符闪烁显示，small（）字符用小体字显示，fixed()固定高亮字显示、fontsize(size)控制字体大小等。字体颜色方法；fontcolor(color)字符串大小写转换 toLowerCase()小写转换，toUpperCase()大写转换。下列把一个给定的串分别转换成大写和小写格式:string=stringValue.toUpperCase和string=stringValue.t
28、oLowerCase。字符搜索：indexOfcharactor,fromIndex 从指定formIndtx位置开始搜索charactor第一次出现的位置。,从start开始到end的字符全部返回。返回字串的一部分字串：substring(start,end)、算术函数的math对象 功能：提供除加、减、乘、除以外的一引些自述运算。如对数，平方根等。静动性：静态对象（）主要属性 math中提供了个属性，它们是数学中经常用到的常数、以为底的自然对数、以为底的自然对数LN2、3.14159的PI、1/2的平方根SQRT1-2,2的平方根为SQRT2。（）主要方法 绝对值：abs()正弦余弦值：s
29、in(),cos(),常用对象的属性和方法,反正弦反余弦:asin(),acos()正切反正切：tan(),atan()四舍五入：round()平方根：sqrt()基于几方次的值：Pow(base,exponent)、日期及时间对象功能：提供一个有关日期和时间的对象。静动性：动态性，即必须使用New运算符创建一个实例。例:MyDate=NewDate()Date对象没有提供直接访问的属性。只具有获取和设置日期和时间的方法。日期起始值:年月日:。,常用对象的属性和方法,常用对象的属性和方法,获取日期的时间方法 getYear():返回年数 getMonth():返回当月号数 getDate():
30、返回当日号数getDay():返回星期几 getHours():返回小时数 getMintes(:返回分钟数 getSeconds():返回秒数 getTime():返回毫秒数,（）设置日期和时间：setYear();设置年 setDate():设置当月号数 setMonth():设置当月份数 setHours():设置小时数 setMintes():设置分钟数 setSeconds():设置秒数 setTime():设置毫秒数2、JavaScript中的系统函数 JavaScript中的系统函数又称内部方法。它提供了与任何对象无关的系统函数，使用这些函数不需创建任何实例,可直接用。,常用对象
31、的属性和方法,1返回字符串表达式中的值：方法名：eval（字串表达式），例：test=eval(8+9+5/2);返回字符串ASCI码：方法名：unEscape(string)3返回字符的编码：方法名：escape(character)4返回实数：parseFloat(floustring);、返回不同进制的数：parseInt(numbestring,rad.X)其中radix是数的进制，numbs字符串数,常用对象的属性和方法,使用JavaScript可以创建自己的对象。在JavaScript中创建一个新的对象是十分简单的。首先它必须定义一个对象，而后再为该对象创建一个实例。这个实例就是一
32、个新对象，它具有对象定义中的基本特征。一、对象的定义JavaScript对象的定义，其基本格式如下：FunctionObject（属性表）This.prop1=prop1 This.prop2=prop2.This.meth=FunctionName1;This.meth=FunctionName2;.在一个对象的定义中，可以为该对象指明其属性和方法。通过属性和方法构成了一个对象的实例。如以下是一个关于University对象的定义：Functionuniversity(name,city,creatDateURL),创建新的对象,This.name=name This.city=cityTh
33、is.creatDate=NewDate(creatDate)This.URL=URL其基本含义如下：Name指定一个“单位”名称。City“单位”所在城市。CreatDate记载university对象的更新日期。URL该对象指向一个网址。,创建新的对象,二、创建对象实例一旦对象定义完成后，就可以为该对象创建一个实例了：NewObject=Newobject();其中Newobjet是新的对象，Object已经定义好的对象。例：U1=Newuniversity(“云南省”，“昆明市”，January05,199712:00:00,http:/www.YN.KM)U2=Newuniversit
34、y(“云南电子科技大学”，“昆明”,January07,1997 12:00:00,htlp:/www.YNKJ.CN)三、对象方法的使用在对象中除了使用属性外，有时还需要使用方法。在对象的定义中，我们看到This.meth=FunctionName语句，那就是为定义对象的方法。实质对象的方法就是一个函数FunctionName，通过它实现自己的意图。例在university对象中增加一个方法，该方法是显示它自己本身，并返回相应的字串。functionuniversity(name,city,createDate,URL),创建新的对象,This.Name=Name;This.city=cit
35、y;This.createDate=NewDate(creatDate)；This.URL=URL；This.showuniversity=showuniversity;其中This.showuniversity就是定义了一个方法showuniversity()。而showuniversity()方法是实现university对象本身的显示。functionshowuniversity()For(varpropinthis)alert(prop+=+thisprop+);其中alert是JavaScript中的内部函数，显示其字符串。四、JavaScript中的数组,创建新的对象,使用New创
36、建数组 JavaScript中没有提供像其它语言具有明显的数组类型，但可以通过function定义一个数组，并使用New对象操作符创建一个具有下标的数组。从而可以实现任何数据类型的存储。a、定义对象的数组FunctionarrayName(size)This.length=Size;for(varX=;X=size;X+)thisX=0;Returethis;其中arrayName是定义数组的一个名子，Size是有关数组大小的值（1-size），即数组元素的个数。通过for循环对一个当前对象的数组进行定义，最后返回这个数组。从中可以看出，JavaScript中的数组是从1到size，这与其它到
37、size的数组表示方法有所不同，当然你可根据需要将数组的下标由到size调整到到size,可由下列实现:FunctionarrayName(size)For(varX=0;X=size;X+)thisX=0;this.lenght=size;Returnthis;,创建新的对象,创建新的对象,从上面可以看出该方法是只是调整了this.lenght的位置，该位置是用于存储数组的大小的。从而调整后的数组的下标将与其它语言一致。但请读者注意正是由于数组下标顺序由到size，使得JavaScript中的对象功能更加强大。b、创建数组实例一个数组定义完成以后，还不能马上使用，必须为该数组创建一个数组实例
38、：Myarray=NewarrayName(n);并赋于初值：Myarray1=“字串”；Myarray2=“字串”；Myarray3=“字串”；.Myarrayn=“字串n”；一旦给数组赋于了初值后，数组中就具有真正意义的数据了，以后就可以在程序设计过程中直接引用。,创建多维数组 FunctioncreatMArray(row,col)varindx=0;this.length=(row*10)+colfor(varx=1;x=row;x+)for(vary=1;y=col;y+)indx=(x*10)+y;thisindx=”;myMArray=newcreatMArray();之后可通过
39、myMArray11、myMArray12、myMArray13、myMArray21、myMArray22、myMArray23、来引用。内部数组 在Java中为了方便内部对象的操作,可以使用窗体(Forms)、框架(Frames)、元素(element)、链接(links)和锚(Anchors)数组实现对象的访问。,创建新的对象,anchors:使用A name=“anchorName“标识来建立锚的链接。links:使用来定义一个越文本链接项。Forms:在程序中使用多窗体时,建立该数组。Elements:在一个窗口中使用从个元素时,建立该数组。Frames:建立框架时,使用该数组anc
40、hors用于窗体的访问(它是通过form name=“form1”所指定的),link用于被链接到的锚点的访问(它是通过ahref=URL所指定的)。Forms反映窗体的属性,而anchors反映Web页面中的链接属性。,创建新的对象,使用浏览器的内部对象系统,可实现与HTML文档进行交互。它的作用是将相关元素组织包装起来，提供给程序设计人员使用，从而减轻编程人的劳动，提高设计Web页面的能力。一、浏览器对象层次及其主要作用除了前面提到过的文档document对象外，Navigator浏览器中还提供了窗口（Window）对象以及历史（History）和位置（Location）对象。浏览器对象(
41、Navigator)提供有关浏览器的信息窗口对象(Windows)Window对象处于对象层次的最顶端，它提供了处理Navigator窗口的方法和属性位置对象(Location)Location对象提供了与当前打开的URL一起工作的方法和属性，它是一个静态的对象。历史对象(History)History对象提供了与历史清单有关的信息。,使用内部对象系统,文档对象(Document)document对象包含了与文档元素(elements)一起工作的对象，它将这些元素封装起来供编程人员使用。编程人员利用这些对象，可以对WWW浏览器环境中的事件进行控制并作出处理。在JavaScript中提供了非常丰
42、富的内部方法和属性,从而减轻了编程人员的工作,提高编程效率。这正是基于对象与面向对象的根本区别所在。在这些对象系统中,文档对象属于非常重要的,它位于最低层,但对于我们实现Web页面信息交互起作关键作用。因而它是对象系统的核心部分。二、文档对象功能及其作用在Navigator浏览器中，document文档对象是核心是，同时也是最重要的。如下图所示：,使用内部对象系统,使用内部对象系统,从上图可以看出，document对象的主要作用就是把这些基本的元素（如links,anchor等）包装起来，提供给编程人员使用。从另一个角度看，document对象中又是由属性和方法组成。、document中三个主
43、要的对象在document中主要有：links,anchor,form等三个最重要的对象：（）anchor锚对象：anchor对象指的是A Name=./A标识在HTML源码中存在时产生的对象。它包含着文档中所有的anchors信息。（）链接links对象link对象指的是用A Href=./A标记的连接一个超文本或超媒体的元素作为一个特定的URL。（）窗体（Form）对象窗体对象是文档对象的一个元素，它含有多种格式的对象储存信息，使用它可以在JavaScript脚本中编写程序进行文字输入，并可以用来动态改变文档的行为。通过document.Forms数组来使得在同一个页面上可以有多个相同的窗
44、体,使用forms数组要比使用窗体名字要方便得多。例:下面就是一个使用窗体数组和窗体名字的例子。该程序使得两个窗体中的字段内容保持一致。,例:下面就是一个使用窗体数组和窗体名字的例子。该程序使得两个窗体中的字段内容保持一致。,使用内部对象系统,其中用了OnChnge事件(当窗体内容改变时激发)。第一个使用窗体名字标识my,第二个使用窗体数组Forms。其效果是一致的。、文档对象中的attribute属性document对象中的attribute属性，主要用于在引用Href标识时，控制着有关颜色的格式和有关文档标题、文档原文件的URL以及文档最后更新的日期。这部分元素的主要含义如下：（）链接颜色
45、：alinkcolor这个元素主要用于，当选取一个链接时，链接对象本身的颜色就按alinkcolo r指定改变。（）链接颜色：linkcolor当用户使用A Href=.Text string/A链接后，Textstring的颜色就会按Linkcolor所指定的颜色更新。（）浏览过后的颜色：VlinkColor该属性表示的是已被浏览存储为已浏览过的链接颜色。（）背景颜色：bgcolor该元素包含文档背景的颜色。,使用内部对象系统,使用内部对象系统,（）前景颜色：Fgcolor该元素包含HTML文档中文本的前景颜色、文档对象的基本元素（）窗体属性：窗体属性是与HTML文档中Form./Form相对应的一组对象在HTML文档所创建的窗体数，由length指定。通过反映该文档中所创建的窗体数目。（）锚属性：anchors该属性中，包含了HTML文档的所有A/A标记为Name=.的语句标识。所有“锚”的数目保存在中。（）链接属性：links链接属性是指在文档中A./A的由Href=.指定的数目，其链接数目保存在中。,
