JavaScript新窗体的打开与关闭

来源:互联网 发布:龙城霸业 boss积分数据 编辑:程序博客网 时间:2024/05/18 13:23

一、打开新窗体

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>
0 0