📄 day3_10.html
字号:
<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教程</title>
</head>
<body topmargin="1" leftmargin="2">
<table border="0" width="591" cellspacing="0">
<tr>
<td bgcolor="#ffff99" width="451">JavaScript教程 - 第三课</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"><strong><small><small><br>
</small></small><font face="宋体" size="3">第十页：</font><font size="3">窗口的其它特性</font></strong>
<p><font size="3">其它窗口属性主要和分割窗口有关。如果你不知道如何使用分<br>
割窗口，请先阅读文章<font face="宋体">"<a
href="javascript:if(confirm('http://www.hotwired.com/webmonkey/html/96/31/index3a.html?collection=html \n\nThis file was not retrieved by Teleport Pro, because it is addressed on a domain or path outside the boundaries set for its Starting Address. \n\nDo you want to open it from the server?'))window.location='http://www.hotwired.com/webmonkey/html/96/31/index3a.html?collection=html'" tppabs="http://www.hotwired.com/webmonkey/html/96/31/index3a.html?collection=html">Frames
Are a Picnic</a>." </font>。</font></p>
<font size="3"><p>在<font face="宋体">JavaScript</font>中，对分割窗口的处理方法和摧窗口是一样的。<br>
你只需利用<font face="宋体">javascript</font>在一个出口里面修改另一个窗口外观，<br>
你可以改变各个分割窗口的样子。但你要记住，在一个窗口内<br>
的各个分割窗口实际上被当作另外的几个窗口来对待，因为分<br>
割窗口可以再包含更小的分割窗口。也就是说，你有一个最高<br>
层的窗口，其中包含这第一级分割窗口，个分割窗口实际上又<br>
是新的小窗口，小的窗口中又可以包含更小的分割窗口。但一<br>
般并不需将其搞得这么复杂。 </p>
<p>下面是一个用<font face="宋体">javascript</font>制作的分割窗口的<a
href="javascript:if(confirm('http://www.hotwired.com/webmonkey/98/03/files3a/frames_example.html \n\nThis file was not retrieved by Teleport Pro, because it is addressed on a domain or path outside the boundaries set for its Starting Address. \n\nDo you want to open it from the server?'))window.location='http://www.hotwired.com/webmonkey/98/03/files3a/frames_example.html'" tppabs="http://www.hotwired.com/webmonkey/98/03/files3a/frames_example.html"
target="frame_example">例子</a>。 </p>
<p>首先，是分割窗口的窗框：</p>
</font><p><font size="3"><br>
<font face="宋体"><frameset rows="25%,*"><br>
<frame src="frames_example_controls.html" name="control_frame"><br>
<frame src="blank.html" name="target_frame"><br>
</frameset><br>
<br>
</font>这和普通的分割窗口窗框是一样的。你要记住给窗框内的各个<br>
分割窗口命名。第一个分割窗口的名字是<font face="宋体"><tt>control_frame</tt>,
</font>其<br>
中包含这加入了<font face="宋体">javascript</font>的<font face="宋体">HTML</font>网页。第二个分割窗口的<br>
<font face="宋体"><tt>src="#"</tt>,</font>其中什么都不包含。 </font></p>
<font size="3"><p>接下来，我们看看<font face="宋体"><tt>control_frame</tt></font>窗口内的内容。以下只是其<br>
中关键的一行：</p>
</font><p><font face="宋体" size="3"><a href="#" <br>
onClick="top.target_frame.document.writeln('Monkey <br>
do!<br>');">Monkey see</a><br>
<br>
</font><font size="3">执行该语句时，<font face="宋体">JavaScript从窗口等级的最高层开始，该层中<br>
包含着分割窗口的窗框，从中发现名叫<tt>target_frame</tt>的分割<br>
窗口，由于该分割窗口是也一个窗口，所它具有窗口的文件<br>
（document）属性。JavaScript找到其document属性，并调<br>
用<tt>writeln()</tt>方法。其执行结果是在文件中写出"Monkey <br>
do!" 。<tt>writeln()</tt>是文件（document）对象的方法，所以我们<br>
必须写<tt>document.writeln()</tt>，而不只是 <tt>writeln()</tt></font>。<a
href="day3_11.html" tppabs="http://www.pchome.net/ch/tur/pstext/teacher/javascript/day3_11.html">>></a></font></p>
<p align="left"><font face="宋体" size="3" color="#000000"><strong>JavaScript教程</strong></font><font
color="#FF0000" face="宋体" size="3"><br>
</font><font size="3" color="#FF0000">第</font><font color="#FF0000" face="宋体"
size="3">一</font><font size="3" color="#FF0000">页</font><font size="2" face="宋体"> </font><a
href="day3_10.html" tppabs="http://www.pchome.net/ch/tur/pstext/teacher/javascript/day3_10.html"><font size="3">第三天课程简介</font></a><font size="2"><br>
</font><font size="3" color="#FF0000">第</font><font face="宋体" size="3"
color="#FF0000">二</font><font size="3" color="#FF0000">页</font><font size="2"
face="宋体"> </font><a href="day3_2.html" tppabs="http://www.pchome.net/ch/tur/pstext/teacher/javascript/day3_2.html"><font size="3">窗口操作介绍</font></a><font
size="2"><br>
</font><font size="3" color="#FF0000">第</font><font face="宋体" size="3"
color="#FF0000">三</font><font size="3" color="#FF0000">页</font><font size="2"
face="宋体"> </font><a href="day3_3.html" tppabs="http://www.pchome.net/ch/tur/pstext/teacher/javascript/day3_3.html"><font size="3"><strong>Javascript</strong>中的窗口操作</font></a><font
size="2"><br>
</font><font size="3" color="#FF0000">第</font><font face="宋体" size="3"
color="#FF0000">四</font><font size="3" color="#FF0000">页</font><a href="day3_4.html" tppabs="http://www.pchome.net/ch/tur/pstext/teacher/javascript/day3_4.html"> <font
size="2" face="宋体"><b>JavaScript</b></font><font size="3">中的窗口操作举例</font></a><font
size="2"><br>
</font><font size="3" color="#FF0000">第</font><font face="宋体" size="3"
color="#FF0000">五</font><font size="3" color="#FF0000">页</font><a href="day3_5.html" tppabs="http://www.pchome.net/ch/tur/pstext/teacher/javascript/day3_5.html"> <font
size="2" face="宋体"><b>Windows</b></font><font size="3">特性</font></a><font size="2"><br>
</font><font size="3" color="#FF0000">第</font><font face="宋体" size="3"
color="#FF0000">六</font><font size="3" color="#FF0000">页</font><a href="day3_6.html" tppabs="http://www.pchome.net/ch/tur/pstext/teacher/javascript/day3_6.html"> <font
size="2" face="宋体"><b>JavaScript</b></font><font size="3">文件目标模块</font></a><font
size="2"><br>
</font><font size="3" color="#FF0000">第</font><font face="宋体" size="3"
color="#FF0000">七</font><font size="3" color="#FF0000">页</font><font size="2"
face="宋体"> </font><a href="day3_7.html" tppabs="http://www.pchome.net/ch/tur/pstext/teacher/javascript/day3_7.html"><font size="3">状态条的操作</font></a><font
size="2"><br>
</font><font size="3" color="#FF0000">第</font><font face="宋体" size="3"
color="#FF0000">八</font><font size="3" color="#FF0000">页</font><font size="2"
face="宋体"> </font><a href="day3_8.html" tppabs="http://www.pchome.net/ch/tur/pstext/teacher/javascript/day3_8.html"><font size="3">窗口间的交流</font></a><font
size="2"><br>
</font><font size="3" color="#FF0000">第</font><font face="宋体" size="3"
color="#FF0000">九</font><font size="3" color="#FF0000">页</font><font size="2"
face="宋体"> </font><a href="day3_9.html" tppabs="http://www.pchome.net/ch/tur/pstext/teacher/javascript/day3_9.html"><font size="3">再谈</font><font size="2"
face="宋体"><b>JavaScript DOM</b></a><br>
</font><font size="3" color="#FF0000">第</font><font face="宋体" size="3"
color="#FF0000">十</font><font size="3" color="#FF0000">页</font><font size="2"
face="宋体"> </font><font size="3">窗口的其它特性</font><font size="2"><br>
</font><font size="3" color="#FF0000">第</font><font face="宋体" size="3"
color="#FF0000">十一</font><font size="3" color="#FF0000">页</font><font size="2"
face="宋体"> </font><a href="day3_11.html" tppabs="http://www.pchome.net/ch/tur/pstext/teacher/javascript/day3_11.html"><font size="3">再谈</font><font size="2"
face="宋体"><b>Window</b></font><font size="3">及</font><font size="2" face="宋体"><b>Frame</b></font><font
size="3">树杈结构</font></a><font size="2"><br>
</font><font size="3" color="#FF0000">第</font><font face="宋体" size="3"
color="#FF0000">十二</font><font size="3" color="#FF0000">页</font><font size="2"
face="宋体"> </font><a href="day3_12.html" tppabs="http://www.pchome.net/ch/tur/pstext/teacher/javascript/day3_12.html"><font size="3">自己动手操作</font></a><font
size="2"><br>
</font><font size="3" color="#FF0000">第</font><font face="宋体" size="3"
color="#FF0000">十三</font><font size="3" color="#FF0000">页</font><font size="2"
face="宋体"> </font><a href="day3_13.html" tppabs="http://www.pchome.net/ch/tur/pstext/teacher/javascript/day3_13.html"><font size="3">第三天复习</font></a></p>
<p align="left"><font face="宋体" size="3">[<a href="index.html" tppabs="http://www.pchome.net/ch/tur/pstext/teacher/javascript/index.html">第1课</a>][<a
href="day2_1.html" tppabs="http://www.pchome.net/ch/tur/pstext/teacher/javascript/day2_1.html">第2课</a>][第3课][<a href="day4_1.html" tppabs="http://www.pchome.net/ch/tur/pstext/teacher/javascript/day4_1.html">第4课</a>][<a
href="day5_1.html" tppabs="http://www.pchome.net/ch/tur/pstext/teacher/javascript/day5_1.html">第5课</a>]</font></p>
<hr align="left">
<p><font size="2">本文由<a href="javascript:if(confirm('http://chd.126.com/ \n\nThis file was not retrieved by Teleport Pro, because it is addressed on a domain or path outside the boundaries set for its Starting Address. \n\nDo you want to open it from the server?'))window.location='http://chd.126.com/'" tppabs="http://chd.126.com/" target="_blank">《</font><font
face="verdana, arial, geneva, sans-serif" size="2">CHD</font><font size="2">的网络教室》</a>根据<a
href="javascript:if(confirm('http://www.webmonkey.com.cn/ \n\nThis file was not retrieved by Teleport Pro, because it is addressed on a domain or path outside the boundaries set for its Starting Address. \n\nDo you want to open it from the server?'))window.location='http://www.webmonkey.com.cn/'" tppabs="http://www.webmonkey.com.cn/" target="_blank">《网猴》</a>相关文章改编，版权归<a
href="javascript:if(confirm('http://www.webmonkey.com.cn/ \n\nThis file was not retrieved by Teleport Pro, because it is addressed on a domain or path outside the boundaries set for its Starting Address. \n\nDo you want to open it from the server?'))window.location='http://www.webmonkey.com.cn/'" tppabs="http://www.webmonkey.com.cn/" target="_blank">《网猴》</a>所有</font></td>
</tr>
</table>
</div>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -