Window open()
描述
open() 方法根据您的浏览器设置和参数值，打开一个新的浏览器窗口或一个新的选项卡。
另请参阅
语法
window.open(URL, name, specs, replace)
参数
| 参数 | 描述 | ||||||||||||||||||||||||
| URL | 可选。 要打开的页面的 URL。 如果未指定 URL，则会打开一个新的空白窗口/选项卡 |
||||||||||||||||||||||||
| name | 可选。 窗口的 target 属性或名称。 支持以下值 | ||||||||||||||||||||||||
|
|||||||||||||||||||||||||
| specs | 可选。 逗号分隔的项目列表，没有空格。 支持以下值 | ||||||||||||||||||||||||
| |||||||||||||||||||||||||
| replace |
已弃用指定 URL 是在历史列表中创建新条目还是替换当前条目。支持以下值
警告Chrome 在使用此参数时会抛出异常。 |
||||||||||||||||||||||||
返回值
| 新窗口的引用，如果调用失败，则为 null 。 |
更多示例
打开一个名为 "MsgWindow" 的新窗口，并在其中写入一些文本
var myWindow = window.open("", "MsgWindow", "width=200,height=100");
myWindow.document.write("<p>这是 'MsgWindow'。我宽 200px，高 100px！</p>");
自己动手试一试 »
用新窗口替换当前窗口
var myWindow = window.open("", "_self");
myWindow.document.write("<p>我替换了当前窗口。</p>");
自己动手试一试 »
打开一个新窗口并控制其外观
window.open("https://w3schools.org.cn", "_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(); // 关闭新窗口
}
自己动手试一试 »
打开一个新窗口。使用 name 属性返回新窗口的名称
var myWindow = window.open("", "MsgWindow", "width=200,height=100");
myWindow.document.write("<p>此窗口的名称是: " + myWindow.name + "</p>");
自己动手试一试 »
使用 opener 属性返回创建新窗口的窗口的引用
var myWindow = window.open("", "myWindow", "width=200,height=100"); // 打开一个新窗口
myWindow.document.write("<p>这是 'myWindow'</p>"); // 新窗口中的文本
myWindow.opener.document.write("<p>这是源窗口！</p>"); // 创建新窗口的窗口中的文本
自己动手试一试 »
浏览器支持
open() 在所有浏览器中都受支持
| Chrome | Edge | Firefox | Safari | Opera | IE |
| 是 | 是 | 是 | 是 | 是 | 是 |
