版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/huiting_liu/article/details/53560733
一、打开新窗体
1.语法:window.open([子窗口路径], [子窗口名称], [窗口参数(多个参数逗号隔开)])
2.参数说明:
子窗口路径:可选参数,在窗口中要显示网页的网址或路径。如果省略这个参数,或者它的值是空字符串,那么窗口就不 显示任何文档。
子窗口名称:可选参数,被打开窗口的名称。
(1).该名称由字母、数字和下划线字符组成。
(2)."_top"、"_blank"、"_self"具有特殊意义的名称。
_blank:在新窗口显示目标网页
_self:在当前窗口显示目标网页
_top:框架网页中在上部窗口中显示目标网页
(3).相同 name 的窗口只能创建一个,要想创建多个窗口则 name 不能相同。
(4).name 不能包含有空格。
参数字符串:可选参数,设置窗口参数,各参数用逗号隔开。
参数字符串的参数说明:
参数 | 取值范围 | 说明 |
---|---|---|
alwaysLowered | yes/no | 指定窗口隐藏在全部窗口之后 |
alwaysRaised | yes/no | 指定窗口悬浮在全部窗口之上 |
depended | yes/no | 是否和父窗口同时关闭 |
directories | yes/no | Nav2和3的文件夹栏是否可见 |
height | pixel value | 窗口高度 |
hotkeys | yes/no | 在没菜单栏的窗口中设安全退出热键 |
innerHeight | pixel value | 窗口中文档的像素高度 |
innerWidth | pixel value | 窗口中文档的像素宽度 |
location | yes/no | 位置栏是否可见 |
menubar | yes/no | 菜单栏是否可见 |
outerHeight | pixel value | 设定窗口(包括装饰边框)的像素高度 |
outerWidth | pixel value | 设定窗口(包括装饰边框)的像素宽度 |
resizable | yes/no | 窗口大小是否可调整 |
screenX | pixel value | 窗口距屏幕左边界的像素长度 |
screenY | pixel value | 窗口距屏幕上边界的像素长度 |
scrollbars | yes/no | 窗口是否可有滚动栏 |
status | yes/no | 窗口是否有状态栏 |
titlebar | yes/no | 窗口题目栏是否可见 |
toolbar | yes/no | 窗口工具栏是否可见 |
top | pixel value | 窗口顶部离屏幕顶部的像素数 |
Width | pixel value | 窗口的像素宽度 |
z-look | yes/no | 窗口被激活后是否浮在其它窗口之上 |
代码示例:
<script type="text/javascript">
window.open('http://www.baidu.com','_blank','width=1000,height=600,top = 100,left=0,toolbar=yes,scrollbars=no') ; //在新窗口中打开百度网首页,窗体的宽度为1000像素,高度为600像素, 窗口顶部离屏幕顶部的像素数,窗口工具栏可见,没有滚动栏
</script>
二、关闭窗口
- 关闭本窗体:window.close();
- 关闭新建的窗体:窗口对象.close();
<script type="text/javascript">
var mywindow = window.open('http://www.baidu.com'); //将新打的窗口对象,存储在变量mywindow中
mywin.close();
</script>