Subscribe to FDS’s Blog日志FeedSubscribe to FDS’s Blog评论Feed

Browse > Home /

在JavaScript中创建对象的实例二

十月 16, 2008 by FDS  
类别:JAVASCRIPT 已经有441次浏览

抢个沙发先

在JavaScript中创建对象的实例二，颜色变化的例子。

提示：你可以先修改部分代码再运行。

标签: ,

在JavaScript中创建对象的实例一

十月 15, 2008 by FDS  
类别:JAVASCRIPT 已经有621次浏览

抢个沙发先

在JavaScript中创建对象的实例一，一个动态文字滚动的例子。

提示：你可以先修改部分代码再运行。

标签: ,

在JavaScript中创建对象

十月 14, 2008 by FDS  
类别:JAVASCRIPT 已经有605次浏览

抢个沙发先

　　使用JavaScript可以创建自己的对象。虽然JavaScript内部和浏览器本身的功能已十分强大，但JavaScript还是提供了创建一个新对象的方法。使其不必像超文本标识语言那样，求于或其它多媒体工具，就能完成许多复杂的工作。
　　在JavaScript中创建一个新的对象是十分简单的。首先它必须定义一个对象，而后再为该对象创建一个实例。这个实例就是一个新对象，它具有对象定义中的基本特征。

一、对象的定义
JavaScript对象的定义，其基本格式如下：
Function Object（属性表）
This.prop1=prop1
This.prop2=prop2
…
This.meth=FunctionName1;
This.meth=FunctionName2;
…
在一个对象的定义中，可以为该对象指明其属性和方法。通过属性和方法构成了一个对象的实例。如以下是一个关于University对象的定义：
Function university(name,city,creatDate URL)
This.name=name
This.city=city
This.creatDate=New Date(creatDate)
This.URL=URL
其基本含义如下：
Name－指定一个“单位”名称。 　
City－“单位”所在城市。 　
CreatDate－记载university对象的更新日期。 　
URL－该对象指向一个网址。

二、创建对象实例
一旦对象定义完成后，就可以为该对象创建一个实例了：
NewObject=New object();
其中Newobjet是新的对象，Object已经定义好的对象。例：

U1=New university(“云南省”，“昆明市”，"January 05,199712:00:00","http://www.YN.KM")
U2=New university(“云南电子科技大学”，“昆明”,"January 07,1997 12:00:00","htlp://www.YNKJ.CN")
　
三、对象方法的使用
在对象中除了使用属性外，有时还需要使用方法。在对象的定义中，我们看到This.meth=FunctionName语句，那就是为定义对象的方法。实质对象的方法就是一个函数FunctionName，通过它实现自己的意图。
例在university对象中增加一个方法，该方法是显示它自己本身，并返回相应的字串。
function university(name,city,createDate,URL)
This.Name=Name;
This.city=city;
This.createDate=New Date(creatDate)；
This.URL=URL；
This.showuniversity=showuniversity;
其中This.showuniversity就是定义了一个方法－－－showuniversity()。
而showuniversity()方法是实现university对象本身的显示。
function showuniversity()
For (var prop in this)
alert(prop+=”+this[prop]+”");
其中alert是JavaScript中的内部函数，显示其字符串。
　
四、JavaScript中的数组　
使用New创建数组
JavaScript中没有提供像其它语言具有明显的数组类型，但可以通过function定义一个数组，并使用New对象操作符创建一个具有下标的数组。从而可以实现任何数据类型的存储。
a、定义对象的数组
Function arrayName(size){
This.length=Size;
for(var X=; X<=size;X++)
this[X]=0;
Reture this;
}
其中arrayName是定义数组的一个名子，Size是有关数组大小的值（1-size），即数组元素的个数。通过for循环对一个当前对象的数组进行定义，最后返回这个数组。
从中可以看出，JavaScript中的数组是从1到size，这与其它０到size的数组表示方法有所不同，当然你可根据需要将数组的下标由１到size调整到０到size－１,可由下列实现:
Function arrayName (size)
For (var X=0; X<=size;X++)
this[X]=0;
this.lenght=size;
Return this;
从上面可以看出该方法是只是调整了this.lenght的位置，该位置是用于存储数组的大小的。从而调整后的数组的下标将与其它语言一致。但请读者注意正是由于数组下标顺序由１到size，使得JavaScript中的对象功能更加强大。
b、创建数组实例
一个数组定义完成以后，还不能马上使用，必须为该数组创建一个数组实例：
Myarray=New arrayName(n);
并赋于初值：
Myarray[1]=“字串１”；
Myarray[2]=“字串２”；
Myarray[3]=“字串３”；
…
Myarray[n]=“字串n”；
一旦给数组赋于了初值后，数组中就具有真正意义的数据了，以后就可以在程序设计过程中直接引用。
创建多维数组
Function creatMArray(row,col){
var indx=0;
this.length=(row*10)+col
for(var x=1;x<=row;x++)
for(var y=1;y<=col;y++)
indx=(x*10)+y;
this[indx]=””;
}
myMArray=new creatMArray();
之后可通过myMArray[11]、myMArray[12]、myMArray[13]、myMArray[21]、myMArray[22]、myMArray[23]、
…来引用。
内部数组
在Java中为了方便内部对象的操作,可以使用窗体(Forms)、框架(Frames)、元素(element)、链接(links)和锚(Anchors)数组实现对象的访问。
　anchors[]:使用《A name=“anchorName“》标识来建立锚的链接。

　links[]: 使用<A href=”URL”>来定义一个越文本链接项。

　Forms[]: 在程序中使用多窗体时,建立该数组。

　Elements[]:在一个窗口中使用从个元素时,建立该数组。

　Frames[]:建立框架时,使用该数组

　anchors[]用于窗体的访问(它是通过《form name=“form1”》所指定的),link[]用于被链接到的锚点的访问(它是通过《a href=URL》所指定的)。Forms[]反映窗体的属性,而anchors[]反映Web页面中的链接属性。
有关锚数组的文档：
<HTML>
<HEAD>
<BODY>
<A NAME=”MyAnchorsName1”> 定义第一个锚名
HTML Code
<A NAME=”MyAnchorsName2”> 定义第二个锚名
HTML Code
<A HREF=”#MyAnchorsName1”>建立锚的链接
<A HREF=”#MyAnchorsName2″> 建立锚的链接
….
该文档段建立了两面全锚的链接,可通过Anchors[]访问这些锚。document.Anchors[0]反映第一个锚,而document.Anchors[1]反映第二个锚的有关信息。

标签: ,

事件驱动及事件处理，JavaScript程序构成三

七月 14, 2008 by FDS  
类别:JAVASCRIPT 已经有429次浏览

抢个沙发先

事件驱动及事件处理
１、基本概念
JavaScript是基于对象(object-based)的语言。这与Java不同,Java是面向对象的语言。而基于对象的基本特征，就是采用事 件驱动(event-driven)。它是在用形界面的环境下，使得一切输入变化简单化。通常鼠标或热键的动作我们称之为事件（Event），而由鼠标或 热键引发的一连串程序的动作，称之为事件驱动（Event Driver）。而对事件进行处理程序或函数，我们称之为事件处理程序（Event Handler）。

２、事件处理程序
在JavaScript中对象事件的处理通常由函数(Function)担任。其基本格式与函数全部一样，可以将前面所介绍的所有函数作为事件处理程序。
格式如下：
Function 事件处理名（参数表）{
事件处理语句集；
……
}

３、事件驱动
JavaScript事件驱动中的事件是通过鼠标或热键的动作引发的。它主要有以下几个事件：
（１）单击事件onClick
当用户单击鼠标按钮时，产生onClick事件。同时onClick指定的事件处理程序或代码将被调用执行。通常在下列基本对象中产生：
button（按钮对象）
checkbox（复选框）或（检查列表框）
radio （单选钮）
reset buttons（重要按钮）
submit buttons（提交按钮）

例：可通过下列按钮激活change()文件：
<Form>
<Input type="button" Value=“ ” onClick="change()">
</Form>
在onClick等号后，可以使用自己编写的函数作为事件处理程序，也可以使用JavaScript中内部的函数。还可以直接使用JavaScript的代码等。例：
<Input type="button" value=" " onclick=alert("这是一个例子"）>
（２）onChange改变事件
当利用text或texturea元素输入字符值改变时发该事件，同时当在select表格项中一个选项状态改变后也会引发该事件。
例：
<Form>
<Input type="text" name="Test" value="Test" onCharge="check('this.test)">
</Form>
（３）选中事件onSelect
当Text或Textarea对象中的文字被加亮后，引发该事件。
（４）获得焦点事件onFocus
当用户单击Text或textarea以及select对象时，产生该事件。此时该对象成为前台对象。
（５）失去焦点onBlur
当text对象或textarea对象以及select对象不再拥有焦点、而退到后台时，引发该文件，他与onFocas事件是一个对应的关系。
（６）载入文件onLoad
当文档载入时，产生该事件。onLoad一个作用就是在首次载入一个文档时检测cookie的值，并用一个变量为其赋值，使它可以被源代码使用。
（７）卸载文件onUnload
当Web页面退出时引发onUnload事件，并可更新Cookie的状态。

标签:

函数，JavaScript程序构成二

七月 12, 2008 by FDS  
类别:JAVASCRIPT 已经有306次浏览

抢个沙发先

函数
函数为程序设计人员提供了一个丰常方便的能力。通常在进行一个复杂的程序设 计时，总是根据所要完成的功能，将程序划分为一些相对独立的部分，每部分编写一个函数。从而，使各部分充分独立，任务单一，程序清晰，易懂、易读、易维 护。JavaScript函数可以封装那些在程序中可能要多次用到的模块。并可作为事件驱动的结果而调用的程序。从而实现一个函数把它与事件驱动相关联。 这是与其它语言不样的地方。

１、JavaScript函数定义
Function 函数名 （参数,变元）{
函数体;.
Return 表达式;
}
说明：
当调用函数时,所用变量或字面量均可作为变元传递。
函数由关键字Function定义。
函数名：定义自己函数的名字。
参数表，是传递给函数使用或操作的值，其值可以是常量 ，变量或其它表达式。
通过指定函数名（实参）来调用一个函数。
必须使用Return将值返回。
函数名对大小写是敏感的。

２、函数中的形式参数：
在函数的定义中，我们看到函数名后有参数表，这些参数变量可能是一个或几个。那么怎样才能确定参数变量的个数呢？在JavaScript中可通过arguments .Length来检查参数的个数。
例：
Function function_Name(exp1,exp2,exp3,exp4)
Number =function _Name . arguments .length;
if (Number>1）
document.wrile(exp2);
if (Number>2)
document.write(exp3);
if(Number>3)
document.write(exp4);
...

标签: ,

程序控制流，JavaScript程序构成一

七月 10, 2008 by FDS  
类别:JAVASCRIPT 已经有332次浏览

抢个沙发先

程序控制流
在任何一种语言中，程序控制流是必须的，它能使得整个程序减小混乱，使之顺利按其一定的方式执行。下面是JavaScript常用的程序控制流结构及语句:
１、if条件语句
基本格式
if（表述式）
语句段１；
……
else
语句段２；
…..
功能：若表达式为true，则执行语句段１；否则执行语句段２。
说明：
if -else 语句是JavaScript中最基本的控制语句，通过它可以改变语句的执行顺序。
表达式中必须使用关系语句，来实现判断，它是作为一个布尔值来估算的。
它将零和非零的数分别转化成false和true。
若if后的语句有多行，则必须使用花括号将其括起来。

if语句的嵌套
if（布尔值）语句１；
else（布尔值）语句２；
else if（布尔值）语句３；
……
else 语句４；

在这种情况下，每一级的布尔表述式都会被计算，若为真，则执行其相应的语句，否则执行else后的语句。

２、For循环语句
基本格式
for（初始化；条件；增量）
语句集；
功能：实现条件循环，当条件成立时，执行语句集，否则跳出循环体。
说明：
初始化参数告诉循环的开始位置，必须赋予变量的初值；
条件：是用于判别循环停止时的条件。若条件满足，则执行循环体，否则 跳出。
增量：主要定义循环控制变量在每次循环时按什么方式变化。
三个主要语句之间，必须使用逗号分隔。

３、while循环
基本格式
while（条件）
语句集；
该语句与For语句一样，当条件为真时，重复循环，否则退出循环。
For与while语句
两种语句都是循环语句，使用For语句在处理有关数字时更易看懂，也较紧凑；而while循环对复杂的语句效果更特别。

４、break和continue语句
与C++语言相同，使用break语句使得循环从For或while中跳出，continue使得跳过循环内剩余的语句而进入下一次循环。

标签:

JavaScript的表达式和运算符，JavaScript基本数据结构三

七月 8, 2008 by FDS  
类别:JAVASCRIPT 已经有562次浏览

抢个沙发先

表达式和运算符

１、表达式
在定义完变量后，就可以对它们进行赋值、改变、计算等一系列操作，这一过程通常又叫称一个叫表达式来完成，可以说它是变量、常量、布尔及运算符的集合，因此表达式可以分为算术表述式、字串表达式、赋值表达式以及布尔表达式等。

２、运算符
运算符完成操作的一系列符号，在JavaScript中有算术运算符，如＋、-、*、/等；有比较运算符如!＝、＝＝等; 有逻辑布尔运算符如！（取反）、|、||; 有字串运算如＋ 、 ＋＝等。
在JavaScript主要有双目运算符和单目运算符。其双目运算符由下列组成：
操作数１ 运算符 操作数２
即由两个操作数和一个运算符组成。如50＋40、”This”+”that”等。单目运算符，只需一个操作数，其运算符可在前或后。
（１）算术运算符
JavaScript中的算术运算符有单目运算符和双目运算符。
双目运算符：
+（加） 、-（减）、 *（乘）、 /（除）、 %（取模） 、|（按位或）、&(按位与)、<<（左移）、 >>（右移）、 >>>（右移，零填充）。
单目运算符：
-（取反）、~（取补）、++（递加1）、–（递减1）。
（２）比较运算符
比较运算符它的基本操作过程是，首先对它的操作数进行比较，尔后再返回一个true或False值，有８个比较运算符:
<(小于)、>(大于)、<=(小于等于)、>=(大于等于)、==(等于)、!=(不等于)。
（３）布尔逻辑运算符
在JavaScript中增加了几个布尔逻辑运算符:
!（取反)、&=（与之后赋值）、 &（逻辑与）、 |=（或之后赋值）、 |（逻辑或）、 ^=（异或之后赋值）、 ^（逻辑异或）、 ?:（三目操作符）、||（或）、==(等于)、|=(不等于)。
其中三目操作符主要格式如下：
操作数？结果１：结果２
若操作数的结果为真，则表述式的结果为结果１，否则为结果２。

标签: , ,

JavaScript的基本数据类型，JavaScript基本数据结构二

七月 7, 2008 by FDS  
类别:JAVASCRIPT 已经有534次浏览

抢个沙发先

基本数据类型
JavaScript脚本语言同其它语言一样，有它自身的基本数据类型、表达式和算术运算符以及程序的基本框架结构。JavaScript提供了四种基本的数据类型用来处理数字和文字, 而变量提供存放信息的地方, 表达式则可以完成较复杂的信息处理。

1、基本数据类型
在JavaScript中四种基本的数据类型：数值（整数和实数）、字符串型（用“”号或‘’括起来的字符或数值）、布尔型（使True或False 表示）和空值。在JavaScript的基本类型中的数据可以是常量，也可以变量。由于JavaScript采用弱类型的形式，因而一个数据的变量或常量不必首先作声明，而是在使用或赋值时确定其数据的类型的。当然也可以先声明该数据的类型，它是通过在赋值时自动说明其数据类型的。

2、常量
整型常量
JavaScript的常量通常又称字面常量，它是不能改变的数据。其整型常量可以使用十六进制、八进制和十进制表示其值。
实型常量
实型常量是由整数部分加小数部分表示，如12.32、193.98 。可以使用科学或标准方法表示：5E7、4e5等。
布尔值
布尔常量只有两种状态：True或False。 它主要用来说明或代表一种状态或标志，以说明操作流程。它与Ｃ＋＋是不一样的,Ｃ＋＋可以用１或０表示其状态,而JavaScript只能用True或False表示其状态。
字符型常量
使用单引号（‘）或双引号（“）括起来的一个或几个字符。如 “This is a book of JavaScript “、”3245″、”ewrt234234″ 等。
空值
JavaScript中有一个空值null,表示什么也没有。如试图引用没有定义的变量,则返回一个Null值。
特殊字符
同Ｃ语言一样，JavaScript中同样以有些以反斜杠（／）开头的不可显示的特殊字符。通常称为控制字符。

3、变量
变量的主要作用是存取数据、提供存放信息的容器。对于变量必须明确变量的命名、变量的类型、变量的声明及其变量的作用域。
变量的命名
JavaScript中的变量命名同其计算机语言非常相似，这里要注意以下两点：
Ａ、必须是一个有效的变量，即变量以字母开头，中间可以出现数字如test1、text2等。除下划线（－）作为连字符外，变量名称不能有空格、（＋）、（－）、（，）或其它符号。
Ｂ、不能使用JavaScript中的关键字作为变量。
在JavaScript中定义了４０多个类键字，这些关键是JavaScript内部使用的，不能作为变量的名称。如Var、int、double、true不能作为变量的名称。
在对变量命名时，最好把变量的意义与其代表的意思对应起来，以免出现错误。
变量的类型
在JavaScript中，变量可以用命令Var作声明:
var mytest;
该例子定义了一个mytest变量。但没有赋予它的值。
Var mytest=”This is a book”
该例子定义了一个mytest变量, 同时赋予了它的值。
在JavaScript中，变量以可以不作声明，而在使用时再根据数据的类型来确其变量的类型。
如：
x=100
y=”125″
xy= True
cost=19.5等。
其中x整数，y为字符串，xy为布尔型，cost为实型。
变量的声明及其作用域
JavaScript变量可以在使用前先作声明，并可赋值。通过使用var关键字对变量作声明。对变量作声明的最大好处就是能及时发现代码中的错误；因为JavaScript是采用动态编译的，而动态编译是不易发现代码中的错误，特别是变量命名的方面。
对于变量还有一个重要性──那就是变量的作用域。在JavaScript中同样有全局变量和局部变量。全局变量是定义在所有函数体之外，其作用范围是整个函数；而局部变量是定义在函数体之内，只对其该函数是可见的，而对其它函数则是不可见的。

标签: ,

怎样加入JavaScript代码？JavaScript基本数据结构一

七月 5, 2008 by FDS  
类别:JAVASCRIPT 已经有534次浏览

抢个沙发先

JavaScript的脚本包括在HTML中，它成为HTML文档的一部分。与HTML标识相结合，构成了一个功能强大的Internet网上编程语言。可以直接将JavaScript脚本加入文档，如：

<Script Language =”JavaScript”>
JavaScript语言代码；
JavaScript 语言代码;
….
</Script>

说明：
通过标识<script type=”text/javascript”></script> 指明JavaScript脚本源代码将放入其间。
通过属性Language =”JavaScript”说明标识中是使用的何种语言，这里是JavaScript语言, 表示在JavaScript中使用的语言。
示例：

提示：你可以先修改部分代码再运行。

说明：
Document. write()是文档对象的输出函数，其功能是将括号中的字符或变量值输出到窗口；document. close()是将输出关闭。
可将<Script>…</Script>标识放入head>.. </Head>或<Body> …</Body>之间。将JavaScript标识放置<Head>… </Head>在头部之间，使之在主页和其余部分代码之前装载，从而可使代码的功能更强大；可以将JavaScript标识放置在<Body>… </Body>主体之间以实现某些部分动态地创建文档。

标签:

一个简单的JavaScript例子，JavaScript概述三

七月 4, 2008 by FDS  
类别:JAVASCRIPT 已经有667次浏览

抢个沙发先

下面我们通过一个例子，编写第一个JavaScript程序。通过它可说明JavaScript的脚本是怎样被嵌入到HTML文档中的。

提示：你可以先修改部分代码再运行。

说明：
JavaScript代码由<script type=”text/javascript”></script> 说明。
在标识<script type=”text/javascript”></script>之间就可加入JavaScript脚本。
alert()是JavaScript的窗口对象方法，其功能是弹出一个具有OK对话框并显示（）中的字符串。
通过<!– …//–>标识说明：若不认识JavaScript代码的浏览器，则所有在其中的标识均被忽略；若认识，则执行其结果。使用注释这是一个好的编程习惯，它使其他人可以读懂你的语言。
JavaScript 以</Script>标签结束。

摘自赛迪网：http://www0.ccidnet.com/school/web/2001/05/09/70_4115.html

标签:

下一页 »