📄 day3_8.html.bak
字号:
<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 rowspan="3" width="153" valign="top" align="right"><a href="../../index.html"><img src="../../images/monkey5.gif" border="0" WIDTH="153" HEIGHT="90"></a></td>
<td bgcolor="#CCFF00" valign="top" align="left" width="449"><a href="../../index.html"><img src="../../images/_monkey.gif" border="0" WIDTH="110" HEIGHT="30"></a></td>
</tr>
<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="153" valign="top" align="right"><!--webbot bot="Include" U-Include="../menu.html" TAG="BODY" startspan -->
<table cellpadding="5" width="156">
<tr>
<td valign="top" width="153" bgcolor="#FF6600" align="right"><font color="#FFFFFF">教程JavaScript</font></td>
</tr>
<tr>
<td valign="top" width="153" bgcolor="#CCFF66" align="right"><a href="../../design/index.html">网站设计</a></td>
</tr>
<tr>
<td valign="top" width="153" bgcolor="#66FF33" align="right"><a href="../../html/index.html">HTML</a></td>
</tr>
<tr>
<td valign="top" width="153" bgcolor="#ffFFff" align="right"><a href="../index.html">JavaScript</a></td>
</tr>
<tr>
<td valign="top" width="153" bgcolor="#66FF33" align="right"><a href="../../stylesheets/index.html">样式表</a></td>
</tr>
<tr>
<td valign="top" width="153" bgcolor="#CCFF66" align="right"><a href="../../dynamic_html/index.html">动态HTML</a></td>
</tr>
<tr>
<td valign="top" width="153" bgcolor="#66FF33" align="right"><a href="../../graphics/index.html">图形与字体</a></td>
</tr>
<tr>
<td valign="top" width="153" bgcolor="#CCFF66" align="right"><a href="../../multimedia/index.html">多媒体</a></td>
</tr>
<tr>
<td valign="top" width="153" bgcolor="#66FF33" align="right"><a href="../../java/index.html">Java</a></td>
</tr>
<tr>
<td valign="top" width="153" bgcolor="#CCFF66" align="right"><a href="../../perl/index.html">Perl</a></td>
</tr>
<tr>
<td valign="top" width="153" bgcolor="#66FF33" align="right"><a href="../../backend/index.html">后端编程</a></td>
</tr>
<tr>
<td valign="top" width="153" bgcolor="#ccFF66" align="right"><a href="../../browsers/index.html">浏览器</a></td>
</tr>
<tr>
<td valign="top" width="153" bgcolor="#66FF33" align="right"><a href="../../e_business/index.html">电子商务</a></td>
</tr>
<tr>
<td valign="top" width="153" bgcolor="#FF6600" align="right"><font color="#FFFFFF">其它资源</font></td>
</tr>
<tr>
<td valign="top" width="153" bgcolor="#ccFF66" align="right"><a href="../../Web101/">Web入门</a></td>
</tr>
<tr>
<td valign="top" width="153" bgcolor="#66FF33" align="right"><a href="../../download/">软件下载</a></td>
</tr>
<tr>
<td valign="top" width="153" bgcolor="#ccFF66" align="right"><a href="mailto:arthur@itc.com.cn">网猴信箱</a></td>
</tr>
</table>
<!--webbot bot="Include" endspan i-checksum="35061" -->
</td>
<td width="458" valign="top" align="left" rowspan="2"><strong><small><small><br>
</small></small><font face="宋体" size="3">第八页：</font><font size="3">窗口间的交流</font></strong><p><font size="2"></font><font size="3">尽管将一个窗口模糊或聚焦并没有多大意义，但有时候你确实<br>
需要将另一个窗口移到前台。为了使用<font face="宋体">javascript</font>实现窗口之<br>
间的交流，你需要对该窗口最一个引用。</font></p><font size="3">
<p><a href="#" onClick="window.open('window_reference.html','wind_ref','height=400,width=400');">获取和使用一个窗口引用</a>
</p>
<p>首先，我打开一个窗口，为其赋予一个引用：</p>
</font><p><font face="宋体" size="3">var new_window =
window.open("hello.html","html_name","width=200,height=200");<br>
<br>
</font></p>
<font size="3"><p>该语句打开一个小窗口并将其赋值给变量<font face="宋体"><tt>new_window</tt></font>作为对该<br>
窗口的引用。变量可以包含数字和字符串，也可以包含对对象<br>
的引用，在本例中，对象是一个窗口。现在变量<font face="宋体"><tt>new_window</tt></font>就<br>
可以象当前窗口那样使用。你可以象对窗口调用方法那样对<br>
<font face="宋体"><tt>new_window</tt></font>调用方法。 </p>
<p>下面的语句是一个对<font face="宋体"><tt>new_window</tt></font>调用方法的例子<font face="宋体">:</font></p>
</font><p><font face="宋体" size="3">new_window.blur();<br>
<br>
</font><font size="3">它实现的作用和<tt>上篇中的<font face="宋体">window.blur()</font></tt>一样。
</font></p>
<font size="3"><p>现在我们看看将新窗口移到前台或移到后台的两个链接：</p>
</font><p><font size="3"><br>
<font face="宋体"><a href="#"
onMouseOver="new_window.focus();">Bring<br>
it forward</a><br>
<br>
<a href="#" onMouseOver="new_window.blur();">Put it<br>
backward</a><br>
<br>
</font></font><a href="day3_9.html"><big>>></big></a></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_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_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"><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"> <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"> <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"> <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"><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><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_9.html"><font size="3">再谈</font><font size="2" face="宋体"><b>JavaScript DOM</b></font></a><font size="2" face="宋体"><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_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_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"><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"><font size="3">第三天复习</font></a></p>
<p align="left"><font face="宋体" size="3">[<a href="index.html">第1课</a>][<a href="day2_1.html">第2课</a>][第3课][<a href="day4_1.html">第4课</a>][<a href="day5_1.html">第5课</a>]</font></p>
<hr align="left">
<!--webbot bot="Include" U-Include="../../copyright.html" TAG="BODY" startspan -->
<p><font color="#000000"><span class="smallfont"><span class="smallfont">本栏目内容归<a href="http://www.hotwired.com">Wired Digital Inc.</a>所有，任何单位或个人未经许可，不得擅自转载使用。
<a href="http://www.sohu.com">搜狐</a>公司制作完成。</span></span></font></p>
<!--webbot bot="Include" endspan i-checksum="15926" -->
</td>
</tr>
<tr>
<td width="153" valign="bottom" align="left"></td>
</tr>
</table>
</div>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -