您的位置:首页 > Web前端 > JavaScript

JavaScript新窗体的打开与关闭

2016-12-10 20:22 441 查看
一、打开新窗体

1.语法:window.open([子窗口路径], [子窗口名称], [窗口参数(多个参数逗号隔开)])

2.参数说明:

子窗口路径:可选参数,在窗口中要显示网页的网址或路径。如果省略这个参数,或者它的值是空字符串,那么窗口就不        显示任何文档。
子窗口名称:可选参数,被打开窗口的名称。
(1).该名称由字母、数字和下划线字符组成。
(2)."_top"、"_blank"、"_self"具有特殊意义的名称。
_blank:在新窗口显示目标网页
_self:在当前窗口显示目标网页
_top:框架网页中在上部窗口中显示目标网页
(3).相同 name 的窗口只能创建一个,要想创建多个窗口则 name 不能相同。
(4).name 不能包含有空格。
参数字符串:可选参数,设置窗口参数,各参数用逗号隔开。


参数字符串的参数说明:

参数取值范围说明
alwaysLoweredyes/no指定窗口隐藏在全部窗口之后
alwaysRaisedyes/no指定窗口悬浮在全部窗口之上
dependedyes/no是否和父窗口同时关闭
directoriesyes/noNav2和3的文件夹栏是否可见
heightpixel value窗口高度
hotkeysyes/no在没菜单栏的窗口中设安全退出热键
innerHeightpixel value窗口中文档的像素高度
innerWidthpixel value窗口中文档的像素宽度
locationyes/no位置栏是否可见
menubaryes/no菜单栏是否可见
outerHeightpixel value设定窗口(包括装饰边框)的像素高度
outerWidthpixel value设定窗口(包括装饰边框)的像素宽度
resizableyes/no窗口大小是否可调整
screenXpixel value窗口距屏幕左边界的像素长度
screenYpixel value窗口距屏幕上边界的像素长度
scrollbarsyes/no窗口是否可有滚动栏
statusyes/no窗口是否有状态栏
titlebaryes/no窗口题目栏是否可见
toolbaryes/no窗口工具栏是否可见
toppixel value窗口顶部离屏幕顶部的像素数
Widthpixel value窗口的像素宽度
z-lookyes/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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息