📄 js5.htm
字号:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0055)http://www.pinluo.com/book/javascript/js5.htm -->
<HTML><HEAD><TITLE>第五讲 创建新对象 - 品络科技 pinluo.com</TITLE>
<META http-equiv=Content-Language content=zh-cn>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<META content="MSHTML 6.00.2800.1476" name=GENERATOR></HEAD>
<BODY>
<DIV align=center>
<TABLE id=table1 height=607 cellSpacing=0 cellPadding=0 width=800
background=js5.files/sc1.jpg border=0>
<TBODY>
<TR>
<TD>
<DIV align=center>
<TABLE id=table2 cellSpacing=0 cellPadding=0 width=560 border=0>
<TBODY>
<TR>
<TD>
<P align=center>
<P align=center> </P></TD></TR>
<TR>
<TD>
<P align=center><IMG height=34 src="js5.files/sc.jpg" width=226
border=0></P></TD></TR>
<TR>
<TD>
<P align=center>
<P align=center><FONT color=#ff0000>第五讲 创建新对象</FONT>
<P> <FONT
size=2>使用JavaScript可以创建自己的对象。虽然JavaScript内部和浏览器本身的功能已十分强大，但JavaScript还是提供了创建一个新对象的方法。使其不必像超文本标识语言那样，求于或其它多媒体工具，就能完成许多复杂的工作。</FONT>
<P><FONT size=2>
在JavaScript中创建一个新的对象是十分简单的。首先它必须定义一个对象，而后再为该对象创建一个实例。这个实例就是一个新对象，它具有对象定义中的基本特征。</FONT>
<P><FONT size=2>一、对象的定义</FONT>
<P><FONT size=2>
JavaScript对象的定义，其基本格式如下：<BR> Function
Object（属性表）<BR> This.prop1=prop1
<BR> This.prop2=prop2<BR>
...<BR>
This.meth=FunctionName1;<BR>
This.meth=FunctionName2;<BR>
...<BR>
在一个对象的定义中，可以为该对象指明其属性和方法。通过属性和方法构成了一个对象的实例。如以下是一个关于University对象的定义：<BR>
Function university(name,city,creatDate URL)<BR>
This.name=name <BR>
This.city=city<BR> This.creatDate=New
Date(creatDate)<BR>
This.URL=URL<BR> 其基本含义如下：<BR>
Name－指定一个“单位”名称。 <BR> City－“单位”所在城市。
<BR> CreatDate－记载university对象的更新日期。
<BR> URL－该对象指向一个网址。</FONT>
<P><FONT size=2>二、创建对象实例</FONT>
<P><FONT size=2>
一旦对象定义完成后，就可以为该对象创建一个实例了：<BR> NewObject=New
object(); <BR>
其中Newobjet是新的对象，Object已经定义好的对象。例：<BR> U1=New
university(“山西省”，“太原市”，"January 05,199712:00:00","
www.pinluo.com ")<BR> U2=New
university(“山西省网络管理中心”，“太原”,"January 07,1997
12:00:00","htlp://www.pinluo.com")</FONT>
<P><FONT size=2>三、对象方法的使用</FONT>
<P><FONT size=2>
在对象中除了使用属性外，有时还需要使用方法。在对象的定义中，我们看到This.meth=FunctionName语句，那就是为定义对象的方法。实质对象的方法就是一个函数FunctionName，通过它实现自己的意图。<BR>
例在university对象中增加一个方法，该方法是显示它自己本身，并返回相应的字串。<BR>
function university(name,city,createDate,URL)<BR>
This.Name=Name; <BR>
This.city=city;<BR> This.createDate=New
Date(creatDate)；<BR>
This.URL=URL；<BR>
This.showuniversity=showuniversity;<BR>
其中This.showuniversity就是定义了一个方法－－－showuniversity()。<BR>
而showuniversity()方法是实现university对象本身的显示。<BR>
function showuniversity()<BR> For (var prop in
this) <BR>
alert(prop+="+this[prop]+"");<BR>
其中alert是JavaScript中的内部函数，显示其字符串。</FONT>
<P><FONT size=2>四、JavaScript中的数组</FONT>
<P><FONT size=2>1.使用New创建数组</FONT>
<P><FONT size=2>
JavaScript中没有提供像其它语言具有明显的数组类型，但可以通过function定义一个数组，并使用New对象操作符创建一个具有下标的数组。从而可以实现任何数据类型的存储。</FONT>
<P><FONT size=2> a.定义对象的数组<BR>
Function arrayName(size){<BR>
This.length=Size;<BR> for(var X=;
X<=size;X++)<BR>
this[X]=0;<BR> Reture this;<BR>
}<BR>
其中arrayName是定义数组的一个名子，Size是有关数组大小的值（1-size），即数组元素的个数。通过for循环对一个当前对象的数组进行定义，最后返回这个数组。<BR>
从中可以看出，JavaScript中的数组是从1到size，这与其它０到size的数组表示方法有所不同，当然你可根据需要将数组的下标由１到size调整到０到size－１,可由下列实现:<BR>
Function arrayName (size)<BR> For (var X=0;
X<=size;X++)<BR>
this[X]=0;<BR>
this.lenght=size;<BR> Return
this;<BR>
从上面可以看出该方法是只是调整了this.lenght的位置，该位置是用于存储数组的大小的。从而调整后的数组的下标将与其它语言一致。但请读者注意正是由于数组下标顺序由１到size，使得JavaScript中的对象功能更加强大。</FONT>
<P><FONT size=2> b.创建数组实例<BR>
一个数组定义完成以后，还不能马上使用，必须为该数组创建一个数组实例：<BR> Myarray=New
arrayName(n);<BR> 并赋于初值：<BR>
Myarray[1]=“字串１”；<BR>
Myarray[2]=“字串２”；<BR>
Myarray[3]=“字串３”；<BR> ...<BR>
Myarray[n]=“字串n”；<BR>
一旦给数组赋于了初值后，数组中就具有真正意义的数据了，以后就可以在程序设计过程中直接引用。</FONT>
<P><FONT size=2>2.创建多维数组</FONT>
<P><FONT size=2> Function creatMArray(row,col){
<BR> var indx=0;<BR>
this.length=(row*10)+col<BR> for(var
x=1;x<=row;x++)<BR> for(var
y=1;y<=col;y++)<BR>
indx=(x*10)+y;<BR>
this[indx]=””;<BR> }<BR>
myMArray=new creatMArray();<BR>
之后可通过myMArray[11]、myMArray[12]、myMArray[13]、myMArray[21]、myMArray[22]、myMArray[23]、…来引用。</FONT>
<P><FONT size=2>3.内部数组</FONT>
<P><FONT size=2>
在Java中为了方便内部对象的操作,可以使用窗体(Forms)、框架(Frames)、元素(element)、链接(links)和锚(Anchors)数组实现对象的访问。
<BR> anchors[]:使用《A
name=“anchorName“》标识来建立锚的链接。<BR> links[]: 使用<A
href=”URL”>来定义一个越文本链接项。<BR> Forms[]:
在程序中使用多窗体时,建立该数组。<BR>
Elements[]:在一个窗口中使用从个元素时,建立该数组。 <BR>
Frames[]:建立框架时,使用该数组<BR>
anchors[]用于窗体的访问(它是通过《form
name=“form1”》所指定的),link[]用于被链接到的锚点的访问(它是通过《a
href=URL》所指定的)。Forms[]反映窗体的属性,而anchors[]反映Web页面中的链接属性。<BR>
有关锚数组的文档：<BR> <HTML><BR>
<HEAD><BR>
<BODY><BR> <A
NAME=”MyAnchorsName1”><BR> HTML
Code<BR> <A
NAME=<”MyAnchorsName2”><BR> HTML Code
<BR> <A
HREF=<”#MyAnchorsName1”><BR> <A
HREF=<”#MyAnchorsName2”><BR>
该文档段建立了两面全锚的链接,可通过Anchors[]访问这些锚。document.Anchors[0]反映第一个锚,而document.Anchors[1]反映第二个锚的有关信息。</FONT>
<P><FONT size=2> 本讲介绍了用户自行创建对象的方法,
用户可根据需要创建自己的对象。并介绍了JavaScript中建数组的方法。</FONT></P></TD></TR>
<TR>
<TD>
<P align=right>
<P align=right><FONT size=2><A
href="http://www.pinluo.com/book/javascript/js4.htm">上一页</A>
<A
href="http://www.pinluo.com/book/javascript/js6.htm">下一页</A></FONT></P></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></DIV></BODY></HTML>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -