javascript中的window.open函数用来打开一个新窗口,其基本语法如下:
window.open(pageURL,winName,parameters)
其中:
pageURL 为子窗口文件的存储路径
winName 为子窗口的标题,非必须,可以用''
parameters 为窗口参数(各参数用逗号分隔)
参数 | 取值范围 | 说明 |
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 | 窗口是否可有滚动栏 |
titlebar | yes/no | 窗口题目栏是否可见 |
toolbar | yes/no | 窗口工具栏是否可见 |
Width | pixel value | 窗口的像素宽度 |
z-look | yes/no | 窗口被激活后是否浮在其它窗口之上 |
下面给出几个应用的实例:
(1)比较简单的使用
<script language="javascript">
window.open('example.html');
</script>
这个代码放在<head>和</head>之间或<body>和</body>之间,当加载页面时,就会自动打开。
(2)带参数的open方法
<script language="javascript">
<!--
window.open ('example.html', '新窗口的标题', 'height=300, width=500, top=0,left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no') ;
-->
</script>
本例创建了一个高度为300,宽度为500像素,位置位于屏幕左上角,没有工具栏,没有菜单栏,没有滚动条,不能调整大小,没有地址栏和状态栏的一个窗口。同样,本例也是在加载父窗体的同时,打开一个新窗口;
本例中top和left分别给出窗体距离屏幕顶端和左端的像素数,location指示窗口是否显示地址栏。
(3)使用函数打开新窗口
在很多情况下,使用函数打开新窗口,在相关事件中调用该函数,如在单击按钮时。下面是在一个函数中打开窗口的例子。
<script language="javascript">
function openwin()
{
window.open ('example.html', '新窗口的标题', 'height=300, width=500, top=0,left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no') ;
}
</script>
可以使用按钮调用该函数:
<input type="button" id="button1" name="button1" value="打开新窗口" onClick="openwin();" />
也可以使用连接调用该函数:
<a onClick="openwin();">点击打开新窗口</a>
同样在加载窗体时也可以调用该函数打开一个新窗体:
<body onload="openwin()">.....</body>
新闻热点
疑难解答