JavaScript新窗体的打开与关闭

版权声明:本文为博主原创文章,未经博主允许不得转载。 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>

二、关闭窗口

  1. 关闭本窗体:window.close();
  2. 关闭新建的窗体:窗口对象.close();
<script type="text/javascript"> 
   var mywindow = window.open('http://www.baidu.com'); //将新打的窗口对象,存储在变量mywindow中    
   mywin.close();
 </script>

猜你喜欢

转载自blog.csdn.net/huiting_liu/article/details/53560733