Window open() 方法
页面下方有更多实例。
定义和用法
open() 方法会根据浏览器设置和参数值打开新的浏览器窗口或新选项卡。
提示: 使用 close() 方法关闭窗口。
浏览器支持
| 方法 | |||||
|---|---|---|---|---|---|
| open() | Yes | Yes | Yes | Yes | Yes |
语法
window.open(URL, name, specs, replace)
参数值
| 参数 | 描述 | ||||||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| URL | 可选。 打开指定的页面的URL。如果没有指定URL，打开一个新的空白窗口 | ||||||||||||||||||||||||||||
| name | 可选。 指定target属性或窗口的名称。支持以下值:
|
||||||||||||||||||||||||||||
| specs | 可选。一个逗号分隔的项目列表。支持以下值:
|
||||||||||||||||||||||||||||
| replace | 可选。 指定URL是创建新条目还是替换历史记录列表中的当前条目。支持以下值:
|
技术细节
| 返回值: | 对新创建的窗口的引用，如果调用失败，则为 null |
|---|
更多实例
实例
打开一个名为 "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>");
亲自试一试 »
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>");
亲自试一试 »
myWindow.document.write("<p>I replaced the current window.</p>");
实例
打开一个新窗口并控制其外观:
window.open("https://www.begtut.com", "_blank", "toolbar=yes,scrollbars=yes,resizable=yes,top=500,left=500,width=400,height=400");
亲自试一试 »
实例
使用 close() 关闭新窗口:
function openWin() {
myWindow = window.open("", "myWindow", "width=200,height=100"); // 打开一个新窗口
}
function closeWin() {
myWindow.close(); // Closes the new window
}
亲自试一试 »
myWindow = window.open("", "myWindow", "width=200,height=100"); // 打开一个新窗口
}
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>");
亲自试一试 »
myWindow.document.write("<p>This window's name is: " + myWindow.name + "</p>");
实例
使用 opener 属性返回对创建新窗口的窗口的引用:
var myWindow = window.open("", "myWindow", "width=200,height=100"); // 打开一个新窗口
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
亲自试一试 »
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
❮ Window 对象
