Window open()
描述
The open() 方法根据您的浏览器设置和参数值打开新的浏览器窗口或新标签页。
另请参阅
语法
window.open(URL, name, specs, replace)
参数
| 参数 | 描述 | ||||||||||||||||||||||||
| URL | 可选。 要打开的页面的 URL。 如果未指定 URL，则会打开一个新的空白窗口/标签页 |
||||||||||||||||||||||||
| name | 可选。 目标属性或窗口名称。 支持以下值 | ||||||||||||||||||||||||
|
|||||||||||||||||||||||||
| 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>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>"); // 新窗口中的文本
myWindow.opener.document.write("<p>This is the source window!</p>"); // 创建新窗口的窗口中的文本
自己尝试 »
浏览器支持
open() 在所有浏览器中都支持
| Chrome | Edge | Firefox | Safari | Opera | IE |
| 是 | 是 | 是 | 是 | 是 | 是 |
