您的位置:首页 > Web前端 > JavaScript

【js学习笔记-073】-------打开和关闭窗口

2013-11-06 22:14 274 查看

window.open()

载入指定的URL到新的或已存在的窗口中,并返回代表那个窗口的window对象。

open方法参数

参数1

要在新窗口里显示的文档URL。如果参数省略(可以是空串),那么会使用空白的URL about:blank。

参数2

是新打开窗口的名字。如果指定的是一个已经存在的窗口的名字,会直接使用已存在窗口。否则会打开一个新的窗口,并将这个指定的名字赋值给它。如果省略,会指定名字“_blank”打开一个新的,未命名的窗口。

需要注意:脚本是无法通过简单地猜测窗口名字来操控这个窗口中的web应用的,只有设置了“允许导航”(html5规范术语)的页面才可以这样。只有文档来自同源或者是脚本打开的那个窗口(或者递归打开的窗口中打开窗口),脚本才可以只能过名字来指定存在的窗口。如果是内嵌在另一个窗口里的窗体,那么在它们的脚本之间就可以相互导航。这种情况下可以用保留字“_top”(顶级祖先窗口)和“_parent”(直接低级窗口)来获取彼此的浏览上下文

参数3

是一个用逗号分隔的列表,包含大小和各种属性,用以表明新窗口是如何打开的。省略新窗口会用一个默认的大小,而且带有一组标准的UI组件。

var w = window.open("smallwin.html","smallwin","resizable=yes");

参数4

布尔值默认false。这个参数只有在第二个参数命名的是一个存在的窗口时才有用。声明了由第一个参数指定的URL是应用替换掉窗口浏览历史的当前条目,还是在窗口浏览历史中创建一个新的条目。

open的返回值是代表命名或新创建的窗口的window对象。可以在自己的js代码中使用这个window对象来引用新创建的窗口,就像使用隐式的Window对象window来引用运行代码的窗口一样。

var w = window.open();

w.alert("About to visithttp://www.example.com");

w.location = ' http://www.example.com ';

在由open()方法创建的窗口中,opener属性引用的是打开它的脚本的Window对象。在其它窗口中opener为null。

最后关键注意:open()方法只有用户手动单击按钮或链接的时候才会调用。

close()方法

对已经创建了Window对象w,可以使用如下代码关掉:

w.close()

如果是在被打开的那个窗口中的 js可以使用window.close()关闭。这里必须显示调用使用window.来调用:window.close() 避免与Document对象的close方法(如果正在从事事件处理程序调用close)
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: