?? tutorial5_page1.htm
字號:
<html>
<head>
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb_2312-80">
<meta NAME="GENERATOR" CONTENT="Microsoft FrontPage 3.0">
<title>HTML園地-JavaScript 教程</title>
<meta NAME="keywords"
CONTENT="javascript, hotwired, webmonkey, javascript, javascript tutorial, thau, dave thau, developer resource, developer, development, web
development, design, code, geek, warez, free, new, latest, news, tools,
info, tutorials, how-to, builder, web builder, pag">
<meta NAME="description"
CONTENT="Thau's JavaScript Tutorial: Day 1: Not only does Thau give the JavaScript skinny, but he'll have you writing your first script by the end of the day.">
<meta NAME="Template" CONTENT="E:\LIZEJUN\OFFICE\html.dot">
</head>
<body TEXT="#000000" LINK="#0000ff" VLINK="#800080" BGCOLOR="#ffffff">
<table CELLSPACING="0" BORDER="0" CELLPADDING="3" WIDTH="636">
<tr>
<td WIDTH="65%" VALIGN="MIDDLE"><b><font FACE="宋體" LANG="ZH-CN" SIZE="4"
COLOR="#ff0000">Javascript</font><font FACE="System,黑體" LANG="ZH-CN" SIZE="4"
COLOR="#ff0000">教程-第</font><font FACE="宋體" LANG="ZH-CN" SIZE="4"
COLOR="#ff0000">5</font><font FACE="System,黑體" LANG="ZH-CN" SIZE="4" COLOR="#ff0000">日</font></b><font
FACE="System,黑體" LANG="ZH-CN"><br>
<!-- BYLINE --> </font><font FACE="System,黑體" LANG="ZH-CN" SIZE="2">作者:</font><a
HREF="mailto:thau@wired.com"><font FACE="宋體" LANG="ZH-CN" SIZE="2">Thau!</font></a><font
FACE="宋體" LANG="ZH-CN"> <!-- SEE ALSO LINKS --></font></td>
</tr>
<tr>
<td WIDTH="65%" VALIGN="TOP" BGCOLOR="#ffffff"><font FACE="System,黑體" LANG="ZH-CN">現在你已經了解了計算機編程的基本知識。我們接下來<br>
繼續研究一下文件對象模塊(</font><font FACE="宋體" LANG="ZH-CN">Document
Object <br>
Model</font><font FACE="System,黑體" LANG="ZH-CN">-</font><font FACE="宋體"
LANG="ZH-CN">DOM</font><font FACE="System,黑體" LANG="ZH-CN">)。</font><font
FACE="宋體" LANG="ZH-CN">DOM</font><font FACE="System,黑體" LANG="ZH-CN">的點擊關系起始于窗口對象在每個窗<br>
口對象中是一個文件對象(</font><font FACE="宋體" LANG="ZH-CN">Document
object</font><font FACE="System,黑體" LANG="ZH-CN">)。我們將<br>
重點談談文件對象,看看如何利用它從你的用戶獲得各<br>
項信息,并且動態顯示新的信息。<p>我們已經看國文件對象的一個屬性-圖象數組(</font><font
FACE="宋體" LANG="ZH-CN">Images <br>
array</font><font FACE="System,黑體" LANG="ZH-CN">)。在第</font><font FACE="宋體"
LANG="ZH-CN">3</font><font FACE="System,黑體" LANG="ZH-CN">課中,文件中第</font><font
FACE="宋體" LANG="ZH-CN">1</font><font FACE="System,黑體" LANG="ZH-CN">個圖象可以通過改變其<br>
</font><font FACE="宋體" LANG="ZH-CN">src</font><font FACE="System,黑體" LANG="ZH-CN">屬性被修改。</font>
</p>
<font FACE="System,黑體" LANG="ZH-CN"><p>例:<dir>
</font><pre>window.document.images[0].src='some_new_picture.gif';</pre>
</dir>
<font FACE="System,黑體" LANG="ZH-CN"><p>該命令將把文件中的第1個圖象該到一個<tt>名為<br>
</font><font FACE="宋體" LANG="ZH-CN">some_new_picture.gif</font></tt><font
FACE="System,黑體" LANG="ZH-CN">的新圖象。在DOM中,圖象數組中<br>
的每個每個圖象也是對象。所以</font><tt>images[0].src</tt><font
FACE="System,黑體" LANG="ZH-CN">指令象對<br>
對象那樣發揮作用,它的意思就是:從</font><font FACE="宋體" LANG="ZH-CN">Image</font><font
FACE="System,黑體" LANG="ZH-CN">數組中調用<br>
</font><font FACE="宋體" LANG="ZH-CN">Image</font><font FACE="System,黑體"
LANG="ZH-CN">的中的對象</font><tt>image[0]</tt><font FACE="宋體" LANG="ZH-CN"> </font><font
FACE="System,黑體" LANG="ZH-CN">,并設定其</font><font FACE="宋體" LANG="ZH-CN">src</font><font
FACE="System,黑體" LANG="ZH-CN">屬性。將其翻<br>
譯過來即:從該窗口中調用文件(</font><font FACE="宋體" LANG="ZH-CN">document</font><font
FACE="System,黑體" LANG="ZH-CN">)屬性,從<br>
該文件的圖象數組中調用第</font><font FACE="宋體" LANG="ZH-CN">1</font><font
FACE="System,黑體" LANG="ZH-CN">幅圖象,并將其</font><font FACE="宋體"
LANG="ZH-CN">src</font><font FACE="System,黑體" LANG="ZH-CN">屬性該<br>
為<tt>圖象</font><font FACE="宋體" LANG="ZH-CN">some_new_picture.gif</font></tt><font
FACE="System,黑體" LANG="ZH-CN">。</p>
</font><font FACE="宋體" LANG="ZH-CN"><p>Image</font><font FACE="System,黑體"
LANG="ZH-CN">對象還有其它很多有趣的屬性,例如,你可以讓<br>
</font><font FACE="宋體" LANG="ZH-CN">JavaScript</font><font FACE="System,黑體"
LANG="ZH-CN">在作其它事之前檢查一幅圖象是否已經完全<br>
載入。但是,我們只能在以后的課程中談到這些屬性。<br>
今天,我們將談談<a HREF="tppmsgs/msgs0.htm#85">反饋表單</a>及如何在</font><font
FACE="宋體" LANG="ZH-CN">JavaScript</font><font FACE="System,黑體" LANG="ZH-CN">中應用<br>
反饋表單。<br>
<br>
第</font><font FACE="宋體" LANG="ZH-CN">2</font><font FACE="System,黑體" LANG="ZH-CN">頁:<a
HREF="tutorial5_page2.htm">介紹反饋表單</a><br>
第</font><font FACE="宋體" LANG="ZH-CN">3</font><font FACE="System,黑體" LANG="ZH-CN">頁:<a
HREF="tutorial5_page3.htm">控制文字域的值</a><br>
第</font><font FACE="宋體" LANG="ZH-CN">4</font><font FACE="System,黑體" LANG="ZH-CN">頁:<a
HREF="tutorial5_page4.htm">文字域事件</a><br>
第</font><font FACE="宋體" LANG="ZH-CN">5</font><font FACE="System,黑體" LANG="ZH-CN">頁:<a
HREF="tutorial5_page5.htm">反饋表單處理器</a><br>
第</font><font FACE="宋體" LANG="ZH-CN">6</font><font FACE="System,黑體" LANG="ZH-CN">頁:<a
HREF="tutorial5_page6.htm">文字域的練習</a><br>
第</font><font FACE="宋體" LANG="ZH-CN">7</font><font FACE="System,黑體" LANG="ZH-CN">頁:<a
HREF="tutorial5_page7.htm">復選框</a><br>
第</font><font FACE="宋體" LANG="ZH-CN">8</font><font FACE="System,黑體" LANG="ZH-CN">頁:<a
HREF="tutorial5_page8.htm">單選框</a><br>
第</font><font FACE="宋體" LANG="ZH-CN">9</font><font FACE="System,黑體" LANG="ZH-CN">頁:<a
HREF="tutorial5_page9.htm">選單</a><br>
第</font><font FACE="宋體" LANG="ZH-CN">10</font><font FACE="System,黑體"
LANG="ZH-CN">頁:<a HREF="tutorial5_page10.htm">在選單中應用</font><font
FACE="宋體" LANG="ZH-CN">onchange</font><font FACE="System,黑體" LANG="ZH-CN">命令</a><br>
</p>
<p><br>
</p>
</font><font FACE="System,黑體" LANG="ZH-CN" SIZE="2"><p><br>
<!-- AUTHOR TAGLINE --> </font></td>
</tr>
</table>
<font FACE="System,黑體" LANG="ZH-CN">
<p> </p>
</font>
</body>
</html>
?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -