window open() 方法定义
open() 方法可打开(弹出)一个新的浏览器窗口。语法如下:
window.open(URL,name,features,replace)
参数 | 说明 |
---|---|
URL | 可选,如果省略则打开一个空白窗口,否则打开指定 URL 地址(相对或绝对)的窗口 |
name | 可选,申明了新窗口的名称,这个名称可以用作标记 <a> 和 <form> 的属性 target 的值 |
features | 代表窗体特性的字符串,字符串中每个特性使用逗号分隔,如果省略则具有默认特征,见下面更详细的说明 |
replace | 一个布尔值,说明新载入的页面是否替换当前载入的页面,通常不用指定 |
参数 | 说明 |
---|---|
channelmode=yes|no|1|0 | 是否使用阶梯模式显示窗口,默认为 no。 |
directories=yes|no|1|0 | 是否添加目录按钮,默认为 yes。 |
fullscreen=yes|no|1|0 | 是否使用全屏模式显示浏览器,默认是 no。处于全屏模式的窗口必须同时处于阶梯模式。 |
height | 窗口文档显示区的高度,以像素计,最小值100。 |
left | 窗口(左上角)的 x 坐标,以像素计,负数按 0 计算。 |
location=yes|no|1|0 | 是否显示地址字段,默认是 no。 |
menubar=yes|no|1|0 | 是否显示菜单栏。默认是 no。 |
resizable=yes|no|1|0 | 窗口是否可调节尺寸,默认是 no。 |
scrollbars=yes|no|1|0 | 窗体中内部超出窗口可视范围时是否有滚动条,默认值为 no。 |
status=yes|no|1|0 | 是否添加状态栏,默认值为 no。 |
titlebar=yes|no|1|0 | 是否显示标题栏,默认是 yes。 |
toolbar=yes|no|1|0 | 是否显示浏览器的工具栏,默认值为 no。 |
top | 窗口(左上角)的 y 坐标,以像素计,负数按 0 计算。 |
width | 窗口的文档显示区的宽度,以像素计算。 |
说明:当不指定任何窗口特征时,新窗口将复制父窗口的特征。
open() 方法实例
例子1
打开一个新的空白窗口,并指定一些窗口特征:
<html> <body> <script type="text/javascript"> myWindow=window.open('','','left=200,top=200,width=200,height=100'); myWindow.document.write("弹出窗口'"); </script> </body> </html>
例子2
打开一个链接:
<html> <body> <script type="text/javascript"> myWindow=window.open('http://www.5idev.com'); </script> </body> </html>
说明
- 可以参考《JavaScript Screen 对象》,计算合理的参数让弹出窗口在合适的地方,如上下左右居中等。
- 为安全考虑,目前大部分浏览器已经默认屏蔽了弹出窗口,因此使用该方法需谨慎。
- window.open() 与方法 document.open() 是完全不同的两个方法,因此在使用时,不要省略前面的 window 或 document。