打开一个自定义的浏览器窗口
HTML DOM open() 方法:
- open()方法用于打开一个新的浏览器窗口或查找已命名的窗口
语法定义:
window.open(URL,name,features,replace);
参数介绍:
1.URL:一个可选的字符串,声明了要在新窗口中显示的文档的 URL。如果省略了这个参数,或者它的值是空字符串,那么新窗口就不会显示任何文档。
2.name:一个可选的字符串,该字符串是一个由逗号分隔的特征列表,可以有数字、字符、下划线组成,该字母声明了新窗口的名称。如果该参数指定了一个已经存在的窗口,那么open()将不会打开新的窗口,而只是返回对指定窗口的引用。在这种情况下,features将被忽略。
3.features:一个可选的字符串,声明了新窗口要显示的浏览器特征和大小样式,如果省略该参数,新建窗口默认使用浏览器默认的标准特征。
4.replace:一个可选的布尔值,规定了装载到窗口的URL是在浏览历史中创建一个新的条目,还是代替浏览历史中的当前条目。支持:true - URL 替换浏览历史中的当前条目; fals - URL 在浏览历史中创建新的条目。
-
简单实例1(打开一个新窗口)
-
实例2(自定义窗体特征)
-
关闭新建的窗口
注:在实际开发中,如果想在关闭窗体前刷新父页面,可以执行以下代码:
self.opener.location.reload();
进行父页面更新
窗口特征(features)
特性 | 值 | 作用 |
---|---|---|
channelmode | yes、no、1、0 | 是否使用剧院模式显示窗口。默认为 no。 |
directories | yes、no、1、0 | 是否添加目录按钮。默认为 yes。 |
fullscreen | yes、no、1、0 | 是否使用全屏模式显示浏览器。默认是 no。处于全屏模式的窗口必须同时处于剧院模式。 |
height | 窗口文档显示区的高度。以像素计。 | |
left | 窗口的 x 坐标。以像素计。 | |
top | 窗口的 y 坐标。 | |
location | yes、no、1、0 | 是否显示地址字段。默认是 yes。 |
menubar | yes、no、1、0 | 是否显示菜单栏。默认是 yes。 |
resizable | yes、no、1、0 | 窗口是否可调节尺寸。默认是 yes。 |
scrollbars | yes、no、1、0 | 是否显示滚动条。默认是 yes。 |
status | yes、no、1、0 | 是否添加状态栏。默认是 yes。 |
titlebar | yes、no、1、0 | 是否显示标题栏。默认是 yes。 |
toolbar | yes、no、1、0 | 是否显示浏览器的工具栏。默认是 yes。、 |
width | 窗口的文档显示区的宽度。以像素计。 |