曲径通幽论坛

标题: close() -- 关闭窗口 [打印本页]

作者: easy 时间: 2013-4-25 09:52
标题: close() -- 关闭窗口
window 对象的 close() 方法可以关闭窗口，如果没有指定窗口对象，那么关闭的是当前窗口。出于安全性考虑，如果关闭的不是由 JavaScript 创建的窗口时，浏览器会弹出一个确认框，让用户确认是否关闭当前窗口，比如：

<html>
<head>
  <title>关闭当前窗口</title>
  <meta http-equiv="content-type" content="text/html;charset=utf-8">
  <script type="text/javascript" language="javascript">
  
</script>
</head>
<body>
<input type="button" onClick="window.close()" value="close this window">
</body>
</html>

当单击关闭按钮后，会看到弹出下面的关闭提示框：
[attach]1553[/attach]

2. 关闭其他的窗口

使用 close() 关闭其它的窗口的前提是要获得代表该窗口的 Window 对象，而这个对象正是可以从 open() 方法获得的，比较下面代码：

<html>
<head>
  <title>关闭当前窗口</title>
  <meta http-equiv="content-type" content="text/html;charset=utf-8">

  <script type="text/javascript" language="javascript">
  
</script>

</head>
<body>
<input type="button" onclick="openWin()" value="open a window">
<input type="button" onClick="closeWin()" value="close that window">
</body>

</html>

上面代码创建了两个按钮：

[attach]1554[/attach]
按下第一个按钮可以打开一个新的窗口，按下第二个按钮可以关闭该窗口。在某些优化过的浏览器，可能不支持该特性，但大部分浏览器还是支持的。

代码中，声明了一个全局变量 myWin, 该变量用于存储打开窗口的 Window 对象。在点击第一个按钮时，调用 openWin() 函数，该函数调用了 open() 方法打开了新窗口，并返回一个 Window 对象，该对象代表了窗口名为 onWin 的窗口。此时 myWin 变量代表了窗口名为 onWin 的窗口。

欢迎光临曲径通幽论坛 (http://www.groad.net/bbs/)