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