更多"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,如果调用失败
更多示例
例
打开一个所谓的新窗口"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"); 试一试»
例
打开一个新的窗口。 使用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 试一试»
<窗口对象