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.zhimatong.com'); </script> </body> </html>
说明
- 计算合理的参数让弹出窗口在合适的地方,如上下左右居中等。
- 为安全考虑,目前大部分浏览器已经默认屏蔽了弹出窗口,因此使用该方法需谨慎。
- window.open() 与方法 document.open() 是完全不同的两个方法,因此在使用时,不要省略前面的 window 或 document。
本章节内容共分 23 部分:
- JavaScript Window 对象
- JavaScript window closed 属性:检测窗口是否已经关闭
- JavaScript window name 属性:设置或得到窗口的名称
- JavaScript window opener 属性:返回对创建此窗口的窗口的引用
- JavaScript window self 属性:对窗口自身的引用
- JavaScript window top 属性:返回最顶层的先辈窗口
- JavaScript window defaultStatus 属性:设置或得到窗口状态栏中的默认文本
- JavaScript window status 属性:设置或得到窗口状态栏的文本
- JavaScript window blur() 方法:把焦点从顶层窗口移开
- JavaScript window clearInterval() 方法:取消由 setInterval() 设置的 timeout
- JavaScript window clearTimeout() 方法:取消由 setTimeout() 设置的 timeout
- JavaScript window close() 方法:关闭浏览器窗口
- JavaScript window focus() 方法:把焦点给予一个窗口
- JavaScript window moveBy() 方法:相对当前坐标移动窗口
- JavaScript window moveTo() 方法:把窗口(左上角)移动到指定坐标
- JavaScript window open() 方法:打开(弹出)一个新的浏览器窗口
- JavaScript window print() 方法:打印当前窗口的内容
- JavaScript window resizeBy() 方法:根据指定的像素尺寸调整窗口大小
- JavaScript window resizeTo() 方法:将窗口调整到指定尺寸
- JavaScript window scrollBy() 方法:按照指定的像素值来滚动内容
- JavaScript window scrollTo() 方法:把内容滚动到指定坐标
- JavaScript window setInterval() 方法:按照指定的毫秒周期来循环执行代码
- JavaScript window setTimeout() 方法:在指定的毫秒数后执行代码(延时)