?? tutorial3_page10.html
字號:
<html>
<head>
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb_2312-80">
<meta NAME="GENERATOR" CONTENT="Microsoft FrontPage 3.0">
<title>Webmonkey: javascript: Thau's JavaScript Tutorial: Day 1</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="System,黑體" LANG="ZH-CN" COLOR="#ff0000">第</font><font
FACE="宋體" LANG="ZH-CN" COLOR="#ff0000">10</font><font FACE="System,黑體"
LANG="ZH-CN" COLOR="#ff0000">頁</font><font FACE="宋體" LANG="ZH-CN" COLOR="#ff0000">: </font><font
FACE="System,黑體" LANG="ZH-CN" COLOR="#ff0000">窗口的其它屬性</font><font
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="MIDDLE" BGCOLOR="#ffffff"><font FACE="System,黑體" LANG="ZH-CN"></font><font
FACE="System,黑體" LANG="ZH-CN" SIZE="2">其它窗口屬性主要和分割窗口有關。如果你不知道如何使用分<br>
割窗口,請先閱讀文章</font><font FACE="宋體" LANG="ZH-CN" SIZE="2">"<a
HREF="tppmsgs/msgs0.htm#82">Frames Are a Picnic</a>." </font><font
FACE="System,黑體" LANG="ZH-CN" SIZE="2">。<p>在</font><font FACE="宋體"
LANG="ZH-CN" SIZE="2">JavaScript</font><font FACE="System,黑體" LANG="ZH-CN" SIZE="2">中,對分割窗口的處理方法和摧窗口是一樣<br>
的。你只需利用</font><font FACE="宋體" LANG="ZH-CN" SIZE="2">javascript</font><font
FACE="System,黑體" LANG="ZH-CN" SIZE="2">在一個出口里面修改另一個窗口<br>
外觀,你可以改變各個分割窗口的樣子。但你要記住,在一個<br>
窗口內的各個分割窗口實際上被當作另外的幾個窗口來對待,<br>
因為因為分割窗口可以再包含更小的分割窗口。也就是說,你<br>
有一個最高層的窗口,其中包含這第一級分割窗口,個分割窗<br>
口實際上又是新的小窗口,小的窗口中又可以包含更小的分割<br>
窗口。但一般并不需將其搞得這么復雜。</font><font SIZE="2"> </p>
</font><font FACE="System,黑體" LANG="ZH-CN" SIZE="2"><p>下面是一個用</font><font
FACE="宋體" LANG="ZH-CN" SIZE="2">javascript</font><font FACE="System,黑體"
LANG="ZH-CN" SIZE="2">制作的分割窗口的<a HREF="tppmsgs/msgs0.htm#83">例子</a>。</font><font
SIZE="2"> </p>
</font><font FACE="System,黑體" LANG="ZH-CN" SIZE="2"><p>首先,是分割窗口的窗框:</font></td>
</tr>
<tr>
<td WIDTH="60%" VALIGN="TOP" BGCOLOR="#ffffff"><font FACE="System,黑體" LANG="ZH-CN"><pre>
</font><frameset rows="25%,*">
<frame src="frames_example_controls.html" name="control_frame">
<frame src="blank.html" name="target_frame">
</frameset>
</pre>
</td>
</tr>
<tr>
<td WIDTH="60%" VALIGN="MIDDLE" BGCOLOR="#ffffff"><font FACE="System,黑體" LANG="ZH-CN"></font><font
FACE="System,黑體" LANG="ZH-CN" SIZE="2">這和普通的分割窗口窗框是一樣的。你要記住給窗框內的各個<br>
分割窗口命名。第一個分割窗口的名字是</font><tt>control_frame</tt><font
FACE="宋體" LANG="ZH-CN" SIZE="2">, </font><font FACE="System,黑體" LANG="ZH-CN"
SIZE="2">其<br>
中包含這加入了</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">網頁。第二個分割窗口的<br>
</font><tt>src="#"</tt><font FACE="宋體" LANG="ZH-CN" SIZE="2">,</font><font
FACE="System,黑體" LANG="ZH-CN" SIZE="2">其中什么都不包含。</font><font
SIZE="2"> </font><font FACE="System,黑體" LANG="ZH-CN" SIZE="2"><p>接下來,我們看看</font><tt>control_frame</tt><font
FACE="System,黑體" LANG="ZH-CN" SIZE="2">窗口內的內容。以下只是其<br>
中關鍵的一行:</font></td>
</tr>
<tr>
<td WIDTH="60%" VALIGN="TOP" BGCOLOR="#ffffff"><font FACE="System,黑體" LANG="ZH-CN"><pre>
</font><a href="#"
onClick="top.target_frame.document.writeln('Monkey do!<br>');">Monkey see</a>
</pre>
</td>
</tr>
<tr>
<td WIDTH="60%" VALIGN="MIDDLE" BGCOLOR="#ffffff"><font FACE="System,黑體" LANG="ZH-CN"></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">從窗口等級的最高層開始,該層<br>
中包含著分割窗口的窗框,從中發現名叫</font><tt>target_frame</tt><font
FACE="System,黑體" LANG="ZH-CN" SIZE="2">的分<br>
割窗口,由于該分割窗口是也一個窗口,所它具有窗口的文件<br>
(</font><font FACE="宋體" LANG="ZH-CN" SIZE="2">document</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">找到其</font><font
FACE="宋體" LANG="ZH-CN" SIZE="2">document</font><font FACE="System,黑體" LANG="ZH-CN"
SIZE="2">屬性,并調<br>
用</font><tt>writeln()</tt><font FACE="System,黑體" LANG="ZH-CN" SIZE="2">方法。其執行結果是在文件中寫出</font><font
FACE="宋體" LANG="ZH-CN" SIZE="2">"Monkey <br>
do!" </font><font FACE="System,黑體" LANG="ZH-CN" SIZE="2">。</font><tt>writeln()</tt><font
FACE="System,黑體" LANG="ZH-CN" SIZE="2">是文件(</font><font FACE="宋體"
LANG="ZH-CN" SIZE="2">document</font><font FACE="System,黑體" LANG="ZH-CN" SIZE="2">)對象的方法,所以我們<br>
必須寫</font><tt>document.writeln()</tt><font FACE="System,黑體" LANG="ZH-CN"
SIZE="2">,而不只是</font><font FACE="宋體" LANG="ZH-CN" SIZE="2"> </font><tt>writeln()</tt><font
FACE="宋體" LANG="ZH-CN" SIZE="2">.</font><font FACE="System,黑體" LANG="ZH-CN"
SIZE="2">。</font><font FACE="System,黑體" LANG="ZH-CN"><p></font> </td>
</tr>
<tr>
<td WIDTH="60%" VALIGN="TOP" BGCOLOR="#ffffff"><!-- 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. --> <!-- 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 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"><p><br>
<!-- AUTHOR TAGLINE --> </font></td>
</tr>
<tr>
<td WIDTH="60%" VALIGN="MIDDLE"></td>
</tr>
</table>
<font FACE="System,黑體" LANG="ZH-CN">
<p> </p>
</font>
</body>
</html>
?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -