|
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>
当单击关闭按钮后,会看到弹出下面的关闭提示框:
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">
<!--
var myWin;
function openWin() {
myWin = window.open("http://www.groad.net", "onWin");
}
function closeWin() {
myWin.close();
}
-->
</script>
</head>
<body>
<input type="button" onclick="openWin()" value="open a window">
<input type="button" onClick="closeWin()" value="close that window">
</body>
</html>
上面代码创建了两个按钮:
按下第一个按钮可以打开一个新的窗口,按下第二个按钮可以关闭该窗口。在某些优化过的浏览器,可能不支持该特性,但大部分浏览器还是支持的。
代码中,声明了一个全局变量 myWin, 该变量用于存储打开窗口的 Window 对象。在点击第一个按钮时,调用 openWin() 函数,该函数调用了 open() 方法打开了新窗口,并返回一个 Window 对象,该对象代表了窗口名为 onWin 的窗口。此时 myWin 变量代表了窗口名为 onWin 的窗口。 |
本帖子中包含更多资源
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
|