5.2.2.htm
来自「一部非常好的javaScript教程」· HTM 代码 · 共 101 行
HTM
101 行
<html>
<head>
<title>Untitled Document</title>
<LINK REL ="stylesheet" TYPE = "text/css" HREF = ".../contents.css">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body bgcolor="#FFFFFF">
<h2 align="center">打开和关闭窗口</h2>
<p>当用户启动浏览器时，浏览器自动打开一个窗口，并在其中显示指定的页面，这是创建 window 对象最常见的一种方式。用户也可以在浏览器中同时打开多个窗口，以便在带宽有限的情况下同时下载和浏览多个页面，此时只要选择浏览器"文件"菜单中"新建"命令中的"窗口"子命令（或直接按"ctrl
+ N"组合键）即可。用户还可以自行确定在一个新窗口中打开超链接的目标页面，以便保留原来的页面，此时只要在超链接源上单击鼠标右键，然后选择"在新窗口中打开链接"命令即可，如图
5.5 所示。</p>
<p>
<p>
不过，这些都是浏览器提供的功能，需要用户的具体选择。有时我们需要在网页中自定义一些需要打开新窗口的场景，例如，单击一个按钮打开一个新窗口，并在其中显示特定内容等，这时可以使用
window 对象的 open() 方法在脚本中定义相应逻辑。<p>
open() 方法的语法为：open(pageURL,name,parameters)，其中 name 参数作为窗口名，pageURL 参数表示要装入的页面，parameters
参数是一个字符串，其中包含用逗号分开的 option=value 对，用于指定窗口的显示效果。<p>
用于指定窗口显示效果的通用选项如表 5.3 所示。<p>
<div align=center>表 5.3 指定窗口显示效果的选项</div>
<p> <center>
<table BORDER cellspacing=2 cellpadding=9 width=519>
<tr>
<td width="25%" valign="TOP">
<div align="center"><b><font face="宋体,SimSun" lang="ZH-CN" size="1">选项</font></b>
</div>
</td>
<td width="75%" valign="TOP">
<div align="center"><b><font face="宋体,SimSun" lang="ZH-CN" size="1">说明</font></b>
</div>
</td>
</tr>
<tr>
<td width="25%" valign="TOP">
<div align="center"><font size="1">height</font> </div>
</td>
<td width="75%" valign="TOP"> <font size=1> </font><font face="宋体,SimSun" lang="ZH-CN" size=1>窗口高度，取值为像素数。</font>
</td>
</tr>
<tr>
<td width="25%" valign="TOP">
<div align="center"><font size="1">location</font> </div>
</td>
<td width="75%" valign="TOP"> <font size=1> </font><font face="宋体,SimSun" lang="ZH-CN" size=1>确定在窗口中是否显示地址栏，取值为</font><font size=1>
yes/no </font><font face="宋体,SimSun" lang="ZH-CN" size=1>或</font><font size=1>
1/0</font><font face="宋体,SimSun" lang="ZH-CN" size=1>。</font> </td>
</tr>
<tr>
<td width="25%" valign="TOP">
<div align="center"><font size="1">menubar</font> </div>
</td>
<td width="75%" valign="TOP"> <font size=1> </font><font face="宋体,SimSun" lang="ZH-CN" size=1>确定在窗口中是否显示菜单栏，取值为</font><font size=1>
yes/no </font><font face="宋体,SimSun" lang="ZH-CN" size=1>或</font><font size=1>
1/0</font><font face="宋体,SimSun" lang="ZH-CN" size=1>。</font> </td>
</tr>
<tr>
<td width="25%" valign="TOP">
<div align="center"><font size="1">resizable</font> </div>
</td>
<td width="75%" valign="TOP"> <font size=1> </font><font face="宋体,SimSun" lang="ZH-CN" size=1>确定窗口是否可以调整大小，取值为</font><font size=1>
yes/no </font><font face="宋体,SimSun" lang="ZH-CN" size=1>或</font><font size=1>
1/0</font><font face="宋体,SimSun" lang="ZH-CN" size=1>。</font> </td>
</tr>
<tr>
<td width="25%" valign="TOP">
<div align="center"><font size="1">status</font> </div>
</td>
<td width="75%" valign="TOP"> <font size=1> </font><font face="宋体,SimSun" lang="ZH-CN" size=1>确定在窗口中是否显示状态栏，取值为</font><font size=1>
yes/no </font><font face="宋体,SimSun" lang="ZH-CN" size=1>或</font><font size=1>
1/0</font><font face="宋体,SimSun" lang="ZH-CN" size=1>。</font> </td>
</tr>
<tr>
<td width="25%" valign="TOP">
<div align="center"><font size="1">toolbar</font> </div>
</td>
<td width="75%" valign="TOP"> <font size=1> </font><font face="宋体,SimSun" lang="ZH-CN" size=1>确定在窗口中是否显示工具栏，取值为</font><font size=1>
yes/no </font><font face="宋体,SimSun" lang="ZH-CN" size=1>或</font><font size=1>
1/0</font><font face="宋体,SimSun" lang="ZH-CN" size=1>。</font> </td>
</tr>
<tr>
<td width="25%" valign="TOP">
<div align="center"><font size="1">width</font> </div>
</td>
<td width="75%" valign="TOP"> <font size=1> </font><font face="宋体,SimSun" lang="ZH-CN" size=1>窗口宽度，取值为像素数。</font>
</td>
</tr>
</table><p>
</center>
<p>
说明：在 IE 5 中，如果不指定这些参数，则新建的窗口将使用默认大小并显示所有窗口元素，如果指定了任意的 option=value 对，则其他窗口元素都默认为不显示（请参见稍后的示例）。<p>
使用 open() 方法创建了一个 window 对象后，还可以使用 close() 方法将其关闭，此时必须使用 open() 方法所返回对象的 close()
方法。<p>
以下示例显示了如何使用 window 对象的 open() 方法和 close() 方法。
<p><a href="../src/tu5.6.htm" target="_blank">示例 </a>
<p>使用此示例时，当前目录下必须包含以下 newWin.htm 文件
<p> 此示例的显示效果，如果单击"新窗口1"按钮，显示窗口；如果单击"新窗口2"按钮；如果单击"新窗口3"按钮；如果单击"新窗口4"按钮。
</body>
</html>
⌨️ 快捷键说明
复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?