JavaScript window open() 方法:打开(弹出)一个新的浏览器窗口

window open() 方法定义

open() 方法可打开(弹出)一个新的浏览器窗口。语法如下:

window.open(URL,name,features,replace)
参数 说明
URL 可选,如果省略则打开一个空白窗口,否则打开指定 URL 地址(相对或绝对)的窗口
name 可选,申明了新窗口的名称,这个名称可以用作标记 <a> 和 <form> 的属性 target 的值
features 代表窗体特性的字符串,字符串中每个特性使用逗号分隔,如果省略则具有默认特征,见下面更详细的说明
replace 一个布尔值,说明新载入的页面是否替换当前载入的页面,通常不用指定
窗口特征(Features)参数说明
参数 说明
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>

说明

  1. 可以参考《JavaScript Screen 对象》,计算合理的参数让弹出窗口在合适的地方,如上下左右居中等。
  2. 为安全考虑,目前大部分浏览器已经默认屏蔽了弹出窗口,因此使用该方法需谨慎。
  3. window.open() 与方法 document.open() 是完全不同的两个方法,因此在使用时,不要省略前面的 window 或 document。

本章节内容共分 23 部分:

  1. 1. JavaScript Window 对象
  2. 2. JavaScript window closed 属性:检测窗口是否已经关闭
  3. 3. JavaScript window name 属性:设置或得到窗口的名称
  4. 4. JavaScript window opener 属性:返回对创建此窗口的窗口的引用
  5. 5. JavaScript window self 属性:对窗口自身的引用
  6. 6. JavaScript window top 属性:返回最顶层的先辈窗口
  7. 7. JavaScript window defaultStatus 属性:设置或得到窗口状态栏中的默认文本
  8. 8. JavaScript window status 属性:设置或得到窗口状态栏的文本
  9. 9. JavaScript window blur() 方法:把焦点从顶层窗口移开
  10. 10. JavaScript window clearInterval() 方法:取消由 setInterval() 设置的 timeout
  11. 11. JavaScript window clearTimeout() 方法:取消由 setTimeout() 设置的 timeout
  12. 12. JavaScript window close() 方法:关闭浏览器窗口
  13. 13. JavaScript window focus() 方法:把焦点给予一个窗口
  14. 14. JavaScript window moveBy() 方法:相对当前坐标移动窗口
  15. 15. JavaScript window moveTo() 方法:把窗口(左上角)移动到指定坐标
  16. 16. JavaScript window open() 方法:打开(弹出)一个新的浏览器窗口
  17. 17. JavaScript window print() 方法:打印当前窗口的内容
  18. 18. JavaScript window resizeBy() 方法:根据指定的像素尺寸调整窗口大小
  19. 19. JavaScript window resizeTo() 方法:将窗口调整到指定尺寸
  20. 20. JavaScript window scrollBy() 方法:按照指定的像素值来滚动内容
  21. 21. JavaScript window scrollTo() 方法:把内容滚动到指定坐标
  22. 22. JavaScript window setInterval() 方法:按照指定的毫秒周期来循环执行代码
  23. 23. JavaScript window setTimeout() 方法:在指定的毫秒数后执行代码(延时)

评论于2016-12-18日起不再显示。

5idev.com(我爱开发网) — 提供最好的 XHTML教程DIV+CSS教程JavaScript教程PHP教程ThinkPHP教程