📄 javascript4.htm
字号:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style>
<!--
a{ text-decoration: none }
p{ line-height:140% }
.text{ font-size: 9pt }
.text{ text-align:justify }
.text11{ font-size: 11pt }
.text11{ text-align:justify }
-->
</style>
<meta name="GENERATOR" content="Microsoft FrontPage 3.0">
<title>网页教程－JavaScript技术讲座:第四讲 基于对象的JavaScript语言</title>
</head>
<body>
<p align="center">
</p>
<p><span class="text">您现在的位置：<a href="javascript:if(confirm('http://www.4gee.com/Index.htm \n\nThis file was not retrieved by Teleport Pro, because it is addressed on a domain or path outside the boundaries set for its Starting Address. \n\nDo you want to open it from the server?'))window.location='http://www.4gee.com/Index.htm'" tppabs="http://www.4gee.com/Index.htm">主页</a>－<a
href="javascript:if(confirm('http://www.4gee.com/colleges/Index.htm \n\nThis file was not retrieved by Teleport Pro, because it is addressed on a domain or path outside the boundaries set for its Starting Address. \n\nDo you want to open it from the server?'))window.location='http://www.4gee.com/colleges/Index.htm'" tppabs="http://www.4gee.com/colleges/Index.htm">网络教室</a>－<a href="Index.htm" tppabs="http://www.4gee.com/colleges/homepages/Index.htm">主页工厂</a>－JavaScript技术讲座:第四讲
基于对象的JavaScript语言</span></p>
<p align="center"><small><a href="JavaScript3.htm" tppabs="http://www.4gee.com/colleges/homepages/JavaScript3.htm">上一页</a>
<a href="JavaScript5.htm" tppabs="http://www.4gee.com/colleges/homepages/JavaScript5.htm">下一页</a></small></p>
<table border="0" width="100%">
<tr>
<td width="100%"><p align="center"><span style="color: rgb(252,177,3)" class="text11">JavaScript技术讲座<br>
第四讲 基于对象的JavaScript语言</span></td>
</tr>
</table>
<table border="0" width="100%">
<tr>
<td width="100%"><span style="color: rgb(125,125,125)" class="text">
JavaScript语言是基于对象的（Object-Based），而不是面向对象的（object-oriented）。之所以说它是一门基于对象的语言，主要是因为它没有提供象抽象、继承、重载等有关面向对象语言的许多功能。而是把其它语言所创建的复杂对象统一起来，从而形成一个非常强大的对象系统。
<br>
虽然JavaScript语言是一门基于对象的，但它还是具有一些面向对象的基本特征。它可以根据需要创建自己
<br>
的对象，从而进一步扩大JavaScript的应用范围，增强编写功能强大的Web文文件。
<br>
一、对象的基础知识 <br>
１、对象的基本结构 <br>
JavaScript中的对象是由属性(properties)和方法(methods)两个基本的元素的构成的。前者是对象在实施其所需要行为的过程中，实现信息的装载单位，从而与变量相关联；后者是指对象能够按照设计者的意图而被执行，从而与特定的函数相联。
<br>
２、引用对象的途径 <br>
一个对象要真正地被使用，可采用以下几种方式获得： <br>
引用JavaScript内部对象； <br>
由浏览器环境中提供； <br>
创建新对象。 <br>
这就是说一个对象在被引用之前，这个对象必须存在，否则引用将毫无意义，而出现错误信息。从上面中我们可以看出JavaScript引用对象可通过三种方式获取。要么创建新的对象，要么利用现存的对象。
<br>
３、有关对象操作语句 <br>
JavaScript不是一纯面向对象的语言，它设有提供面向对象语言的许多功能，因此JavaScript设计者之所以把它你“基于对象”而不是面向对象的语言，在JavaScript中提供了几个用于操作对象的语句和关键词及运算符。
<br>
1）、For...in语句 <br>
格式如下： <br>
For（对象属性名 in 已知对象名） <br>
说明： <br>
该语句的功能是用于对已知对象的所有属性进行操作的控制循环。它是将一个已知对象的所有属性反复置给一个变量；而不是使用计数器来实现的。
<br>
该语句的优点就是无需知道对象中属性的个数即可进行操作。 <br>
例：下列函数是显示数组中的内容： <br>
Function showData(object) <br>
for (var X=0; X<30;X++) <br>
document.write(object[i])； <br>
该函数是通过数组下标顺序值，来访问每个对象的属性，使用这种方式首先必须知道数组的下标值，否则若超出范围，则就会发生错误。而使For...in语句，则根本不需要知道对象属性的个数，见下：
<br>
Function showData(object) <br>
for(var prop in object) <br>
document.write(object[prop])； <br>
使用该函数时，在循环体中，For自动将的属性取出来，直到最后为此。
</span><p><span style="color: rgb(125,125,125)" class="text">2）、with语句 <br>
使用该语句的意思是：在该语句体内，任何对变量的引用被认为是这个对象的属性，以节省一些代码。
</span></p>
<p><span style="color: rgb(125,125,125)" class="text">with object{ </span></p>
<p><span style="color: rgb(125,125,125)" class="text">...} </span></p>
<p><span style="color: rgb(125,125,125)" class="text">所有在with语句后的花括号中的语句，都是在后面object对象的作用域的。
</span></p>
<p><span style="color: rgb(125,125,125)" class="text">3）、his关键词 <br>
this是对当前的引用，在JavaScript由于对象的引用是多层次，多方位的，往往一个对象的引用又需要对另一个对象的引用，而另一个对象有可能又要引用另一个对象，这样有可能造成混乱，最后自己已不知道现在引用的那一个对象，为此JavaScript提供了一个用于将对象指定当前对象的语句this。
</span></p>
<p><span style="color: rgb(125,125,125)" class="text">4）、ew运算符 <br>
虽然在JavaScript中对象的功能已经是非常强大的了。但更强大的是设计人员可以按照需求来创建自己的对象，以满足某一特定的要求。使用New运算符可以创建一个新的对象。其创建对象使用如下格式：
<br>
Newobject=NEW Object(Parameters table); <br>
其中Newobject创建的新对象：object是已经存在的对象； parameters table参数表；new是JavaScript中的命令语句。
<br>
如创建一个日期新对象 <br>
newData=New Data() <br>
birthday=New Data (December 12.1998) <br>
之后就可使NewData、birthday作为一个新的日期对象了。 <br>
<br>
４、对象属性的引用 <br>
对象属性的引用可由下列三种方式之一实现： <br>
（１）使用点（.）运算符 <br>
university.Name=“云南省” <br>
university.city=“昆明市” <br>
university.Date="1999" <br>
其中university是一个已经存在的对象，Name、City、Date是它的三个属性，并通过操作对其赋值。
<br>
（２）通过对象的下标实现引用 <br>
university[0]=“云南” <br>
university[1]=“昆明市” <br>
university[2]="1999" <br>
通过数组形式的访问属性，可以使用循环操作获取其值。 <br>
function showunievsity(object) <br>
for (var j=0;j<2; j++) <br>
document.write(object[j]) <br>
若采用For...in则可以不知其属性的个数后就可以实现： <br>
Function showmy(object) <br>
for (var prop in this) <br>
docament.write(this[prop]); <br>
（３）通过字符串的形式实现 <br>
university["Name"]=“云南” <br>
university["City"]=“昆明市” <br>
university["Date"]="1999" <br>
<br>
５、对象的方法的引用 <br>
在JavaScript中对象方法的引用是非常简单的。 <br>
ObjectName.methods() <br>
实际上methods()=FunctionName方法实质上是一个函数。 如引用university对象中的showmy（）方法，则可使用：
<br>
document.write (university.showmy()) <br>
或：document.write(university) <br>
如引用math内部对象中cos()的方法 <br>
则： <br>
with(math) <br>
document.write(cos(35)); <br>
document.write(cos(80)); <br>
若不使用with则引用时相对要复杂些： <br>
document.write(Math.cos(35)) <br>
document.write(math.sin(80)) <br>
<br>
二、常用对象的属性和方法 <br>
JavaScript为我们提供了一些非常有用的常用内部对象和方法。用户不需要用脚本来实现这些功能。这正是基于对象编程的真正目的。
<br>
在JavaScript提供了string（字符串）、math（数值计算）和Date（日期）三种对象和其它一些相关的方法。从而为编程人员快速开发强大的脚本程序提供了非常有利的条件。
</span></p>
<p><span style="color: rgb(125,125,125)" class="text">1、常用内部对象 <br>
在JavaScript中对于对象属性与方法的引用，有两种情况：其一是说该对象是静态对象，即在引用该对象的属性或方法时不需要为它创建实例；而另一种对象则在引用它的对象或方法是必须为它创建一个实例，即该对象是动态对象。
<br>
对JavaScript内部对象的引用，以是紧紧围绕着它的属性与方法进行的。因而明确对象的静动性对于掌握和理解JavaScript内部对象是具有非常重要的意义。
<br>
１)、串对象 </span></p>
<p><span style="color: rgb(125,125,125)" class="text">string对象：内部静态性。 </span></p>
<p><span style="color: rgb(125,125,125)" class="text">访问properties和methods时，可使用（.）运算符实现。
</span></p>
<p><span style="color: rgb(125,125,125)" class="text">基本使用格式：objectName.prop/methods
<br>
（１）串对象的属性 <br>
该对象只有一个属性，即length。它表明了字符串中的字符个数，包括所有符号。例：
<br>
mytest="This is a JavaScript" <br>
mystringlength=mytest.length <br>
最后mystringlength返回mytest字符串的长度为20。 <br>
（２）串对象的方法 <br>
string对象的方法共有１９个。主要用于有关字符串在Web页面中的显示、字体大小、字体颜色、字符的搜索以及字符的大小写转换。
<br>
其主要方法如下： </span></p>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -