?? 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 + -