?? day4_5.html
字號(hào):
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312-80">
<style type="text/css">
<!--
a:link { color: blue; text-decoration: none}
a:visited { color: purple; text-decoration: none}
a:hover { color: #CC0033; text-decoration: underline}
-->
</style>
<title>JavaScript高級(jí)教程</title>
<script language="JavaScript">
<!--
function doPreload()
{
var the_images = new Array('stuff3a/kwmatt.jpg','stuff3a/matbon.jpg','stuff3a/lunchMat.jpg');
preloadImages(the_images);
}
function preloadImages(the_images_array) {
for(loop = 0; loop < the_images_array.length; loop++)
{
var an_image = new Image();
an_image.src = the_images_array[loop];
}
}
// -->
</script>
</head>
<body topmargin="1" leftmargin="2">
<table border="0" width="591" cellspacing="0">
<tr>
<td bgcolor="#ffff99" width="451">JavaScript高級(jí)教程 - 第四課</td>
</tr>
<tr>
<td bgcolor="#FF6600" width="451"><a href="mailto:thau@wired.com">Thau</a></td>
</tr>
</table>
<div align="left">
<table border="0" width="630" cellspacing="0">
<tr>
<td width="458" valign="top" align="left" rowspan="2"><small><small><br>
</small></small><strong>第五頁(yè)：對(duì)象的優(yōu)點(diǎn)</strong>
<p><font face="verdana, arial, geneva, sans-serif"></font>我們已經(jīng)看過(guò)許多有關(guān)<font face="verdana, arial, geneva, sans-serif">JavaScript</font>現(xiàn)成的對(duì)象和它們的用法的<br>
例子：如<font face="verdana, arial, geneva, sans-serif">Window, Image, Document,
Form</font>和其他一些<br>
對(duì)象。記住：一個(gè)對(duì)象只不過(guò)是一種特殊類型的數(shù)據(jù)，由屬性<br>
和方法組成。屬性是對(duì)象本身的一些東西，而方法則是能夠加<br>
之于對(duì)象上的一些操作。 </p>
<p> <font face="verdana, arial, geneva, sans-serif"></font>比如，<font face="verdana, arial, geneva, sans-serif">Window</font>對(duì)象有自己的屬性，像<font face="verdana, arial, geneva, sans-serif"><tt>window.status</tt>,
</font>它可<br>
以被讀取與設(shè)置。通過(guò)把一個(gè)字符串設(shè)置成<font face="verdana, arial, geneva, sans-serif">Window</font>對(duì)象的<br>
<font face="verdana, arial, geneva, sans-serif">status</font>屬性，這個(gè)字符串將會(huì)顯示在窗口的狀態(tài)條里。<font face="verdana, arial, geneva, sans-serif">Window</font><br>
也有自己的方法，如<font face="verdana, arial, geneva, sans-serif"><tt>window.focus()</tt>,
</font>即把窗口聚焦彈到前面。<br>
如果你對(duì)這些都不熟悉的話，你也許該去看看<a href="../course/day5_1.html">基礎(chǔ)教程第五天</a><br>
的課程。</p>
<p> <font face="verdana, arial, geneva, sans-serif"></font>使用對(duì)象給我們組織信息提供了一個(gè)很好的手段。首先我們看<br>
看現(xiàn)實(shí)生活中的對(duì)象。比如說(shuō)，一只猴子就是一個(gè)對(duì)象。它有<br>
高度，寬度，毛發(fā)等等屬性。所有的猴子都有相同的這些屬性<br>
類型，是屬性的值的不同才使一只猴子與其它猴子區(qū)別開(kāi)來(lái)。<br>
猴子也有自己的方法，如玩兒<font face="verdana, arial, geneva, sans-serif"><tt>play()</tt></font>，吃<font face="verdana, arial, geneva, sans-serif"><tt>eat()</tt></font>，睡<font face="verdana, arial, geneva, sans-serif"><tt>sleep()</tt></font>等。</p>
<p> <font face="verdana, arial, geneva, sans-serif"></font>對(duì)象很好理解還因?yàn)樗軌虮３钟嘘P(guān)詞的“感覺(jué)”。例如<br>
<font face="verdana, arial, geneva, sans-serif">JavaScript</font>中的聚焦方法<font face="verdana, arial, geneva, sans-serif"><tt>focus()</tt></font>，很顯然就是使什么東西成為<br>
焦點(diǎn)。當(dāng)聚焦方法作用到窗口對(duì)象時(shí)，它使該窗口彈到前面。<br>
而模糊則做相反的事兒。你可以試試：</p>
<p> <font face="verdana, arial, geneva, sans-serif"></font><a href="#" onClick="little_window = window.open('http://www.hotwired.com/webmonkey/98/29/stuff3a/little.html','little','width=100,height=100'); return false;">打開(kāi)一個(gè)小窗口</a></p>
<p> <font face="verdana, arial, geneva, sans-serif"></font>按下面的鏈接來(lái)看看小窗口如何彈到前面：<br>
<a href="#" onClick="little_window.focus(); return false;"><font face="verdana, arial, geneva, sans-serif">little_window.focus()</font>小窗口聚焦<font face="verdana, arial, geneva, sans-serif">;</font></a><font face="verdana, arial, geneva, sans-serif"><br>
</font></p>
<p> <font face="verdana, arial, geneva, sans-serif"></font>但當(dāng)你把聚焦方法作用到一個(gè)文本框時(shí)，它使該文本框出現(xiàn)一<br>
個(gè)等待你輸入的光標(biāo)。</p>
<form name="the_form">
<p> <font face="verdana, arial, geneva, sans-serif"></font>
<input type="text" name="the_first_text" size="20">
<input type="text" name="the_second_text" size="20">
</p>
</form>
<p> <font face="verdana, arial, geneva, sans-serif"></font>激活第一個(gè)文本框<font face="verdana, arial, geneva, sans-serif">:<br>
<a onMouseOver="window.document.the_form.the_first_text.focus();" href="#">window.document.the_form.the_first_text.focus();</a><br>
</font>激活第二個(gè)文本框<font face="verdana, arial, geneva, sans-serif">:<a onMouseOver="window.document.the_form.the_second_text.focus();" href="#"><br>
window.document.the_form.the_second_text.focus();</a> </font></p>
<p> <font face="verdana, arial, geneva, sans-serif"></font>奇怪嗎<font face="verdana, arial, geneva, sans-serif">?
JavaScript</font>知道對(duì)窗口的聚焦和對(duì)文本框的聚焦做的<br>
不是一件事。在這兩種情況里，聚焦的意思是一樣的，所以很<br>
自然都用了聚焦這個(gè)名字。但同樣的聚焦方法對(duì)不同的對(duì)象會(huì)<br>
做略微不同的事，這也很好理解。這種同一個(gè)方法因?qū)ο蟛煌?lt;br>
而做不同的事情稱為“多態(tài)性”，這也是面向?qū)ο蟪绦蛟O(shè)計(jì)的<br>
基礎(chǔ)。</p>
<p> <font face="verdana, arial, geneva, sans-serif"></font>就象同樣的方法因?qū)ο蟛煌憩F(xiàn)不同一樣，對(duì)于不同的對(duì)象，<br>
同樣的屬性也可以意味著不同的意思。比如 <font face="verdana, arial, geneva, sans-serif"><tt>length</tt></font>屬性，在字<br>
符串和數(shù)組兩類對(duì)象中都有這個(gè)屬性。<font face="verdana, arial, geneva, sans-serif"><tt>string.length</tt></font>返回的是<br>
字符串的長(zhǎng)度，<tt>而<font face="verdana, arial, geneva, sans-serif">array.length</font></tt>返回的則是數(shù)組的元素個(gè)數(shù)。<br>
兩個(gè)的屬性都叫 <font face="verdana, arial, geneva, sans-serif" size="2">length</font><font size="3">，但它們的意義隨對(duì)象的不同而略有差<br>
別。</font></p>
<font size="3">
<p> <font face="verdana, arial, geneva, sans-serif"></font>使用對(duì)象也使得代碼的拷貝與粘貼更容易了。如果你有一個(gè)很<br>
好的對(duì)象庫(kù)，你可以直接把整個(gè)對(duì)象拷貝下來(lái)用在你自己的<font face="verdana, arial, geneva, sans-serif">script</font><br>
中任何需要的地方，如果你沒(méi)有一個(gè)組織得很清晰的對(duì)象庫(kù)要<br>
作到這一點(diǎn)就難多了。</p>
</font>
<p><font size="3"> <font face="verdana, arial, geneva, sans-serif"></font>既然對(duì)象這么好用，<font face="verdana, arial, geneva, sans-serif">JavaScript</font>給你提供了創(chuàng)建自己對(duì)象的<br>
能力。<a href="day4_6.html">>></a></font></p>
<p align="left"><font face="宋體" size="3" color="#000000"><strong>JavaScript高級(jí)教程</strong></font><font color="#FF0000" face="宋體" size="3"><br>
</font><font size="3"><font color="#FF3300">第一頁(yè)</font> <a href="day4_1.html"><font face="verdana, arial, geneva, sans-serif">JavaScript</font>高級(jí)教程<font face="verdana, arial, geneva, sans-serif">-
</font>第<font face="verdana, arial, geneva, sans-serif">4</font>天</a>
<br>
<font color="#FF3300">第二頁(yè) </font><a href="day4_2.html">圖象映射與<font face="verdana, arial, geneva, sans-serif">JavaScript</font></a><font face="verdana, arial, geneva, sans-serif"><br>
</font><font color="#FF3300">第三頁(yè) </font><a href="day4_3.html">預(yù)裝圖象 -
是什么<font face="verdana, arial, geneva, sans-serif">?</font></a><font face="verdana, arial, geneva, sans-serif"><br>
</font><font color="#FF3300">第四頁(yè) </font><a href="day4_4.html">預(yù)裝圖象 -
怎么做?</a><font face="verdana, arial, geneva, sans-serif"><br>
</font><font color="#FF3300">第五頁(yè) </font>對(duì)象的優(yōu)點(diǎn)<br>
<font color="#FF3300">第六頁(yè) </font><a href="day4_6.html">創(chuàng)建你自己的對(duì)象</a><br>
<font color="#FF3300">第七頁(yè) </font><a href="day4_7.html">你的面向?qū)ο蟮奶摂M寵物</a><br>
<font color="#FF3300">第八頁(yè) </font><a href="day4_8.html">計(jì)算字符串</a><br>
<font color="#FF3300">第九頁(yè) </font><a href="day4_9.html">獲取難以索引的對(duì)象</a><br>
<font color="#FF3300">第十頁(yè) </font><a href="day4_10.html">另一種獲取難以索引的對(duì)象的手段</a><br>
<font color="#FF3300">第十一頁(yè) </font><a href="day4_11.html">第四天課程復(fù)習(xí)</a></font></p>
<p>[<a href="day1_1.html">第1課</a>][<a href="day2_1.html">第2課</a>][<a href="day3_1.html">第3課</a>][第4課][<a href="day5_1.html">第5課</a>]</p>
<hr align="left">
<!--webbot bot="Include" U-Include="../../copyright.html" TAG="BODY" startspan -->
<p><font face="verdana, arial, geneva, sans-serif" size="2"><a href="http://phtshop.yeah.net" target="_top">本文根據(jù)
網(wǎng)猴 相關(guān)文章改編，版權(quán)歸原作者所有。</a> </font><font color="#000000"><span class="smallfont"></span></font></p>
<!--webbot bot="Include" endspan i-checksum="15926" --> </td>
</tr>
<tr> </tr>
</table>
</div>
</body>
</html>
?? 快捷鍵說(shuō)明
復(fù)制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號(hào)
Ctrl + =
減小字號(hào)
Ctrl + -