最新的Web开发教程
 

窗口open() Method

<窗口对象

打开"www.w3ii.com"在一个新的浏览器窗口:

window.open("http://www.w3ii.com");
试一试»

更多"Try it Yourself"下面的例子。


定义和用法

open()方法打开一个新的浏览器窗口。

提示:使用close()方法关闭窗口。


浏览器支持

方法
open()

句法

window.open( 参数值
参数 描述
URL 可选的。 指定页面打开的URL。 如果没有指定URL,大约一个新的窗口:空开
name 可选的。 指定target属性或窗口的名称。 下面的值被支持:
  • _blank - URL被加载到一个新的窗口。 这是默认
  • _parent - URL被加载到父框架
  • _self - URL替换当前页面
  • _top - URL替换可以加载任何框架集
  • name -窗口的名称( 注意: 名称不指定新窗口的标题)
specs 可选的。 用逗号分隔的项目,没有空格的名单。 下面的值被支持:

channelmode=yes|no|1|0 是否要显示剧场模式的窗口。 默认是没有。 只有IE浏览器
directories=yes|no|1|0 已过时。 无论是否添加目录按钮。 默认是肯定的。 只有IE浏览器
fullscreen=yes|no|1|0 是否要显示全屏模式浏览器。 默认是没有。 在全屏模式的窗口也必须在影院模式。 只有IE浏览器
height=pixels 窗口的高度。 闵。 值为100
left=pixels 该窗口的左侧位置。 负值不允许
location=yes|no|1|0 无论是否显示地址字段。 只有Opera
menubar=yes|no|1|0 无论是否显示菜单栏
resizable=yes|no|1|0 无论窗口是可调整大小。 只有IE浏览器
scrollbars=yes|no|1|0 是否要显示滚动条。 只有IE,Firefox和歌剧
status=yes|no|1|0 无论是否添加一个状态栏
titlebar=yes|no|1|0 是否要显示标题栏。 忽略,除非调用应用程序为HTML应用程序或可信的对话框
toolbar=yes|no|1|0 无论是否显示浏览器工具栏。 只有IE和Firefox
top=pixels 窗口的顶部位置。 负值不允许
width=pixels 窗口的宽度。 闵。 值为100

更换 可选的。 指定URL是否创建一个新的条目或替换在历史列表中的当前条目。 下面的值被支持:
  • 真 - URL替换当前文档的历史记录列表
  • 假 - URL会在历史列表中的新条目

技术细节

返回值: 到新创建的窗口的引用,或NULL,如果调用失败

例子

更多示例

在新窗口中的空白页:打开一个有关:

var myWindow = window.open("", "", "width=200,height=100");
试一试»

打开一个所谓的新窗口"MsgWindow" ,并写一些文字到它:

var myWindow = window.open("", "MsgWindow", "width=200,height=100");
myWindow.document.write("<p>This is 'MsgWindow'. I am 200px wide and 100px tall!</p>");
试一试»

更换一个新窗口中的当前窗口:

var myWindow = window.open("", "_self");
myWindow.document.write("<p>I replaced the current window.</p>");
试一试»

打开一个新的窗口,并控制它的外观:

window.open("http://www.w3ii.com", "_blank", "toolbar=yes,scrollbars=yes,resizable=yes,top=500,left=500,width=400,height=400");
试一试»

打开多个窗口:

window.open("http://www.google.com/");
window.open("http://www.w3ii.com/");
试一试»

打开一个新的窗口。 使用close()来关闭新窗口:

function openWin() {
    myWindow = window.open("", "myWindow", "width=200,height=100");   // Opens a new window
}

function closeWin() {
    myWindow.close();   // Closes the new window
}
试一试»

打开一个新的窗口。 使用name属性返回新窗口的名称:

var myWindow = window.open("", "MsgWindow", "width=200,height=100");
myWindow.document.write("<p>This window's name is: " + myWindow.name + "</p>");
试一试»

使用opener属性返回到创建的新窗口的窗口的引用:

var myWindow = window.open("", "myWindow", "width=200,height=100");   // Opens a new window
myWindow.document.write("<p>This is 'myWindow'</p>");   // Text in the new window
myWindow.opener.document.write("<p>This is the source window!</p>");  // Text in the window that created the new window
试一试»

<窗口对象