?? tutorial3_page1.html
字號:
<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="612">
<tr>
<td WIDTH="60%" 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">3</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="60%" VALIGN="TOP" BGCOLOR="#ffffff"><font FACE="System,黑體" LANG="ZH-CN"
SIZE="2"> <p>在前面的課程中，我們學習了</font><font FACE="宋體" LANG="ZH-CN"
SIZE="2">: <ul>
</font><font FACE="System,黑體" LANG="ZH-CN" SIZE="2">
<li>如何把</font><font FACE="宋體" LANG="ZH-CN" SIZE="2">JavaScript </font><font
FACE="System,黑體" LANG="ZH-CN" SIZE="2">加到你的</font><font SIZE="2"> </font><font
FACE="宋體" LANG="ZH-CN" SIZE="2">HTML</font><font FACE="System,黑體" LANG="ZH-CN"
SIZE="2">頁中。</font><font SIZE="2"> </li>
</font><font FACE="System,黑體" LANG="ZH-CN" SIZE="2">
<li>如何用對話框和變量來存儲并利用用戶<br>
輸入。</font><font SIZE="2"> </li>
</font><font FACE="System,黑體" LANG="ZH-CN" SIZE="2">
<li>如何用</font><font SIZE="2"> </font><font FACE="宋體" LANG="ZH-CN" SIZE="2">JavaScript
</font><font FACE="System,黑體" LANG="ZH-CN" SIZE="2">寫</font><font FACE="宋體"
LANG="ZH-CN" SIZE="2">HTML</font><font FACE="System,黑體" LANG="ZH-CN" SIZE="2"> </li>
</font><font FACE="宋體" LANG="ZH-CN" SIZE="2">
<li>JavaScript</font><font FACE="System,黑體" LANG="ZH-CN" SIZE="2">如何用</font><font
SIZE="2"> </font><tt>if-then</tt><font FACE="宋體" LANG="ZH-CN" SIZE="2"> </font><font
FACE="System,黑體" LANG="ZH-CN" SIZE="2">語句作出<br>
選擇。</font><font SIZE="2"> </li>
</font><font FACE="System,黑體" LANG="ZH-CN" SIZE="2">
<li>如何使用鏈接事件制作依據用戶行動而<br>
反應的網頁。</font><font SIZE="2"> </li>
</font><font FACE="System,黑體" LANG="ZH-CN" SIZE="2">
<li>怎樣制作基本的圖片交換。</font><font SIZE="2"> </font></li>
</ul>
<font FACE="System,黑體" LANG="ZH-CN" SIZE="2"><p>至今我們已經了解了許多</font><font
FACE="宋體" LANG="ZH-CN" SIZE="2">,</font><font FACE="System,黑體" LANG="ZH-CN"
SIZE="2">但我們尚未解釋其<br>
工作原理。例如上一課中我演示的</font><font SIZE="2"> </font><tt>window.document.monkey_image.src
= "happy_monkey.gif"</tt><font FACE="System,黑體" LANG="ZH-CN" SIZE="2">將把名為</font><tt>happy_monkey.gif</tt><font
FACE="宋體" LANG="ZH-CN" SIZE="2"> <br>
</font><font FACE="System,黑體" LANG="ZH-CN" SIZE="2">的圖片替換為名為</font><font
SIZE="2"> </font><tt>monkey_image</tt><font FACE="宋體" LANG="ZH-CN" SIZE="2">. </font><font
FACE="System,黑體" LANG="ZH-CN" SIZE="2">的圖片。但是</font><font SIZE="2"> </font><tt>window.document</tt><font
FACE="宋體" LANG="ZH-CN" SIZE="2"> </font><font FACE="System,黑體" LANG="ZH-CN"
SIZE="2">是什么</font><font FACE="宋體" LANG="ZH-CN" SIZE="2">? </font><tt>.src</tt><font
FACE="宋體" LANG="ZH-CN" SIZE="2"> </font><font FACE="System,黑體" LANG="ZH-CN"
SIZE="2">是從哪里來的</font><font FACE="宋體" LANG="ZH-CN" SIZE="2">? <br>
</font><font FACE="System,黑體" LANG="ZH-CN" SIZE="2">同樣</font><font FACE="宋體"
LANG="ZH-CN" SIZE="2">, </font><font FACE="System,黑體" LANG="ZH-CN" SIZE="2">你看到了</font><font
SIZE="2"> </font><tt>document.writeln("monkey")</tt><font FACE="宋體"
LANG="ZH-CN" SIZE="2">. <br>
</font><font FACE="System,黑體" LANG="ZH-CN" SIZE="2">但為什么是</font><font
SIZE="2"> </font><tt>document.writeln</tt><font FACE="宋體" LANG="ZH-CN" SIZE="2"> </font><font
FACE="System,黑體" LANG="ZH-CN" SIZE="2">而非</font><font SIZE="2"> </font><tt>writeln</tt><font
FACE="宋體" LANG="ZH-CN" SIZE="2">?</p>
</font><font FACE="System,黑體" LANG="ZH-CN" SIZE="2"><p>上述答案可在文件目標模塊</font><font
FACE="宋體" LANG="ZH-CN" SIZE="2">(JavaScript Document Object Model</font><font
FACE="System,黑體" LANG="ZH-CN" SIZE="2">，簡寫為</font><font FACE="宋體"
LANG="ZH-CN" SIZE="2">DOM)</font><font FACE="System,黑體" LANG="ZH-CN" SIZE="2">中解答</font><font
FACE="宋體" LANG="ZH-CN" SIZE="2">. DOM </font><font FACE="System,黑體"
LANG="ZH-CN" SIZE="2">是</font><font SIZE="2"> </font><font FACE="宋體" LANG="ZH-CN"
SIZE="2">JavaScript </font><font FACE="System,黑體" LANG="ZH-CN" SIZE="2">網頁的方式</font><font
FACE="宋體" LANG="ZH-CN" SIZE="2">, </font><font FACE="System,黑體" LANG="ZH-CN"
SIZE="2">它是所有</font><font FACE="宋體" LANG="ZH-CN" SIZE="2">JavaScript <br>
</font><font FACE="System,黑體" LANG="ZH-CN" SIZE="2">編程的核心</font><font
FACE="宋體" LANG="ZH-CN" SIZE="2">. </font><font FACE="System,黑體" LANG="ZH-CN"
SIZE="2">本講我們主要討論</font><font FACE="宋體" LANG="ZH-CN" SIZE="2">DOM</font><font
FACE="System,黑體" LANG="ZH-CN" SIZE="2">，下一講中<br>
我們將教你電腦編程基礎的剩余部分。下兩課結<br>
束后你將了解</font><font FACE="宋體" LANG="ZH-CN" SIZE="2">JavaScript</font><font
FACE="System,黑體" LANG="ZH-CN" SIZE="2">所有主要思路和語法。<br>
剩下所需要學習的是一些細節、技巧，以及如何<br>
避免混亂。</p>
<p>現在我們開始踏上</font><font FACE="宋體" LANG="ZH-CN" SIZE="2">DOM</font><font
FACE="System,黑體" LANG="ZH-CN" SIZE="2">之路</font><font FACE="宋體" LANG="ZH-CN"
SIZE="2">, </font><font FACE="System,黑體" LANG="ZH-CN" SIZE="2">先學一下如何用</font><font
FACE="宋體" LANG="ZH-CN" SIZE="2">JavaScript </font><font FACE="System,黑體"
LANG="ZH-CN" SIZE="2"><a HREF="tutorial3_page2.html">打開并操作新的瀏覽器窗口</a>。</font><font
SIZE="2"> </p>
<p><!-- PAGE X LINKS --><!-- this stuff checks if there are more pages in this story. if so, we'll
suck out the titles of those pages and build links. Right now, the maximum is 15 pages. --></font><font FACE="System,黑體" LANG="ZH-CN">第</font><font FACE="宋體"
LANG="ZH-CN">1</font><font FACE="System,黑體" LANG="ZH-CN">頁</font><font FACE="宋體"
LANG="ZH-CN" SIZE="2">:</font><a HREF="tutorial3_page1.html"><font FACE="System,黑體"
LANG="ZH-CN">第三天課程簡介</font></a><font FACE="System,黑體" LANG="ZH-CN"
SIZE="2"><br>
<!-- this is a mini-template that formats each pageX link. So, if a story
has 15 pages, we need to generate 15 links to it. This is how each one
will look... --> </font><font FACE="System,黑體" LANG="ZH-CN">第</font><font FACE="宋體" LANG="ZH-CN">2</font><font
FACE="System,黑體" LANG="ZH-CN">頁</font><font FACE="宋體" LANG="ZH-CN" SIZE="2">:</font><a
HREF="tutorial3_page2.html"><font FACE="System,黑體" LANG="ZH-CN">窗口操作介紹</font></a><font
FACE="System,黑體" LANG="ZH-CN" SIZE="2"><br>
<!-- this is a mini-template that formats each pageX link. So, if a story
has 15 pages, we need to generate 15 links to it. This is how each one
will look... --> </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" SIZE="2">: </font><a
HREF="tutorial3_page3.html"><strong><font FACE="System,黑體" LANG="ZH-CN"
COLOR="#0000ff"><u>Javascript</u></font></strong><font FACE="System,黑體" LANG="ZH-CN">中的窗口操作</font></a><font
FACE="System,黑體" LANG="ZH-CN" SIZE="2"><br>
<!-- this is a mini-template that formats each pageX link. So, if a story
has 15 pages, we need to generate 15 links to it. This is how each one
will look... --> </font><font FACE="System,黑體" LANG="ZH-CN">第</font><font FACE="宋體" LANG="ZH-CN">4</font><font
FACE="System,黑體" LANG="ZH-CN">頁</font><font FACE="宋體" LANG="ZH-CN" SIZE="2">: <a
HREF="tutorial3_page4.html"><b>JavaScript</b></font><font FACE="System,黑體"
LANG="ZH-CN">中的窗口操作舉例</font></a><font FACE="System,黑體" LANG="ZH-CN"
SIZE="2"><br>
<!-- this is a mini-template that formats each pageX link. So, if a story
has 15 pages, we need to generate 15 links to it. This is how each one
will look... --> </font><font FACE="System,黑體" LANG="ZH-CN">第</font><font FACE="宋體" LANG="ZH-CN">5</font><font
FACE="System,黑體" LANG="ZH-CN">頁</font><font FACE="宋體" LANG="ZH-CN" SIZE="2">: <a
HREF="tutorial3_page5.html"><b>Windows </b></font><font FACE="System,黑體" LANG="ZH-CN">特性</font></a><font
FACE="System,黑體" LANG="ZH-CN" SIZE="2"><br>
<!-- this is a mini-template that formats each pageX link. So, if a story
has 15 pages, we need to generate 15 links to it. This is how each one
will look... --> </font><font FACE="System,黑體" LANG="ZH-CN">第</font><font FACE="宋體" LANG="ZH-CN">6</font><font
FACE="System,黑體" LANG="ZH-CN">頁</font><font FACE="宋體" LANG="ZH-CN" SIZE="2">: <a
HREF="tutorial3_page6.html"><b>JavaScript </b></font><font FACE="System,黑體"
LANG="ZH-CN">文件目標模塊</font></a><font FACE="System,黑體" LANG="ZH-CN" SIZE="2"><br>
<!-- this is a mini-template that formats each pageX link. So, if a story
has 15 pages, we need to generate 15 links to it. This is how each one
will look... --> </font><font FACE="System,黑體" LANG="ZH-CN">第</font><font FACE="宋體" LANG="ZH-CN">7</font><font
FACE="System,黑體" LANG="ZH-CN">頁</font><font FACE="宋體" LANG="ZH-CN" SIZE="2">: </font><a
HREF="tutorial3_page7.html"><font FACE="System,黑體" LANG="ZH-CN">狀態條的操作</font></a><font
FACE="System,黑體" LANG="ZH-CN" SIZE="2"><br>
<!-- this is a mini-template that formats each pageX link. So, if a story
has 15 pages, we need to generate 15 links to it. This is how each one
will look... --> </font><font FACE="System,黑體" LANG="ZH-CN">第</font><font FACE="宋體" LANG="ZH-CN">8</font><font
FACE="System,黑體" LANG="ZH-CN">頁</font><font FACE="宋體" LANG="ZH-CN" SIZE="2">: </font><a
HREF="tutorial3_page8.html"><font FACE="System,黑體" LANG="ZH-CN">窗口間的交流</font></a><font
FACE="System,黑體" LANG="ZH-CN" SIZE="2"><br>
<!-- this is a mini-template that formats each pageX link. So, if a story
has 15 pages, we need to generate 15 links to it. This is how each one
will look... --> </font><font FACE="System,黑體" LANG="ZH-CN">第</font><font FACE="宋體" LANG="ZH-CN">9</font><font
FACE="System,黑體" LANG="ZH-CN">頁</font><font FACE="宋體" LANG="ZH-CN" SIZE="2">: </font><a
HREF="tutorial3_page9.html"><font FACE="System,黑體" LANG="ZH-CN">再談</font><font
FACE="宋體" LANG="ZH-CN" SIZE="2"><b>JavaScript DOM</b></a><br>
<!-- this is a mini-template that formats each pageX link. So, if a story
has 15 pages, we need to generate 15 links to it. This is how each one
will look... --> </font><font FACE="System,黑體" LANG="ZH-CN">第</font><font FACE="宋體" LANG="ZH-CN">10</font><font
FACE="System,黑體" LANG="ZH-CN">頁</font><font FACE="宋體" LANG="ZH-CN" SIZE="2">: </font><a
HREF="tutorial3_page10.html"><font FACE="System,黑體" LANG="ZH-CN">窗口的其它特性</font></a><font
FACE="System,黑體" LANG="ZH-CN" SIZE="2"><br>
<!-- this is a mini-template that formats each pageX link. So, if a story
has 15 pages, we need to generate 15 links to it. This is how each one
will look... --> </font><font FACE="System,黑體" LANG="ZH-CN">第</font><font FACE="宋體" LANG="ZH-CN">11</font><font
FACE="System,黑體" LANG="ZH-CN">頁</font><font FACE="宋體" LANG="ZH-CN" SIZE="2">: </font><a
HREF="tutorial3_page11.html"><font FACE="System,黑體" LANG="ZH-CN">再談</font> <font
FACE="宋體" LANG="ZH-CN" SIZE="2"><b>Window </b></font><font FACE="System,黑體"
LANG="ZH-CN">及</font><font FACE="宋體" LANG="ZH-CN" SIZE="2"><b>Frame</b></font><font
FACE="System,黑體" LANG="ZH-CN">樹杈結構</font></a><font FACE="System,黑體"
LANG="ZH-CN" SIZE="2"><br>
<!-- this is a mini-template that formats each pageX link. So, if a story
has 15 pages, we need to generate 15 links to it. This is how each one
will look... --> </font><font FACE="System,黑體" LANG="ZH-CN">第</font><font FACE="宋體" LANG="ZH-CN">12</font><font
FACE="System,黑體" LANG="ZH-CN">頁</font><font FACE="宋體" LANG="ZH-CN" SIZE="2">: </font><a
HREF="tutorial3_page12.html"><font FACE="System,黑體" LANG="ZH-CN">自己動手操作</font></a><font
FACE="System,黑體" LANG="ZH-CN" SIZE="2"><br>
<!-- this is a mini-template that formats each pageX link. So, if a story
has 15 pages, we need to generate 15 links to it. This is how each one
will look... --> </font><font FACE="System,黑體" LANG="ZH-CN">第</font><font FACE="宋體" LANG="ZH-CN">13</font><font
FACE="System,黑體" LANG="ZH-CN">頁</font><font FACE="宋體" LANG="ZH-CN" SIZE="2">: </font><a
HREF="tutorial3_page13.html"><font FACE="System,黑體" LANG="ZH-CN">第三天復習</font></a><font
FACE="System,黑體" LANG="ZH-CN" SIZE="2"><br>
</p>
<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 + -