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

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)