WEB开发网
开发学院网页设计JavaScript JavaScript窗口功能指南之关闭窗口 阅读

JavaScript窗口功能指南之关闭窗口

 2010-09-14 13:32:39 来源:WEB开发网   
核心提示:当你创建了一个新窗口时,将open()方法的返回值分配给一个变量非常重要,JavaScript窗口功能指南之关闭窗口,比如,下面的语句就是创建一个新窗口,窗口就被关闭,下面就对窗口使用JavaScript来实现同样的效果,然后立即关闭它:win = window.open("http://www.docjs.

当你创建了一个新窗口时,将open()方法的返回值分配给一个变量非常重要。比如,下面的语句就是创建一个新窗口,然后立即关闭它:

win = window.open("http://www.docjs.com/", "js");

win.close();

每一个浏览器窗口都清楚地与一个window对象对应,所以,当你想引用当前窗口时,你应该使用window对象。下面的语句设置当前窗口的URL:

window.location.href = "http://www.docjs.com/";

当你在脚本程序中放置这样一个语句时,你不需要指定window对象,因为当前窗口的存在是默认的:

location.href = "http://www.docjs.com/";

注意,self等价于window,所以,self.close()实际上就等于window.close()。

window.location.href = "http://www.docjs.com/";

关闭窗口

window.close()关闭指定的浏览器窗口。如果不带窗口引用调用close()函数,JavaScript就关闭当前窗口。在事件处理程序中,你必须指定window.close(),而不能仅仅使用close()。由于JavaScript总静态对象的作用范围,不带对象名字的close()调用等价于document.close()。

如果你执行close()方法去关闭一个不是由脚本程序打开的窗口,就会出现一个确认对话框让用户选择是否关闭窗口。如果在历史列表中只有当前一个记录,那么在Navigator中就不会出现对话框。然而,如果你使用close()退出最后运行的浏览器实例,确认对话框就会出现。看看下面在2类浏览器中出现的对话框样子:

点击下面的链接打开一个新窗口,其中内容是tryclose.html:

Launch Window (with JavaScript)

Launch Window (with HTML)

第1个链接使用JavaScript的window.open()方法来打开一个窗口,第2个链接简单地使用TARGET属性实现同样目的:

Launch Window (with JavaScript)

Launch Window (with HTML)

页面tryclose.html显示一个按钮,它负责执行window.close()方法:

<form><input TYPE="button" VALUE="Close Window" onClick="window.close()"></form>

当你点击第1个链接打开新窗口后,浏览器就“记住”了它是由一个脚本程序生成的。所以,当你点击按钮时,新窗口不用再确认操作就被关闭。第2个链接是另外一回事了,它不使用任何JavaScript打开一个新窗口,当你点击按钮时,Internet Explorer将显示一个确认对话框。然而,Navigator立即关闭这个窗口,因为,新窗口在会话历史中没有任何文档。

JavaScript允许你在其他的窗口使用一段脚本程序关闭另外一个窗口。

点击后关闭的窗口

许多标准的应用程序都有一个About对话框,当用户在其中任何地方点击一次鼠标时,窗口就被关闭。下面就对窗口使用JavaScript来实现同样的效果。首先,请看看打开新窗口的代码:

<script LANGUAGE="JavaScript">

Tags:JavaScript 窗口 功能

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接