js window.opener 的用法 及open 参数

window.open()支持环境: JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+

基本语法:
window.open(pageURL,name,parameters)
其中:
pageURL 为子窗口路径
name 为子窗口句柄
parameters 为窗口参数(各参数用逗号分隔)

示例:
<SCRIPT>
<!--
window.open ('pageText.html','newwindow','height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no')
//写成一行
-->
</SCRIPT>

js脚本运行后,pageText.html将在新窗体中打开,宽为100,高为400,距屏顶0象素,屏左0象素,无工具条,无菜单条,无滚动条,不可调整大小,无地址栏,无状态栏。

上例中涉及的为常用的几个参数,除此以外还有很多其他参数,如下所示:

各项参数
其中yes/no也可使用1/0;pixel value为具体的数值,单位象素。

参数   |   取值范围   |   说明

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 | 窗口被激活后是否浮在其它窗口之上


用函数控制弹出窗口
<html>
<head>
<script LANGUAGE="JavaScript">
   function openwin() {
    window.open ("page.html", "newwindow", "height=100, width=400, toolbar =no, menubar=no, scrollbars=no, resizable=no, location=no, status=no") //写成一行
   }
</script>
</head>
<body onload="openwin()">
任意的页面内容...
</body>
</html>

这里定义了一个js函数openwin(),函数内容就是打开一个窗口。下面是调用方法

一、浏览器读页面时弹出窗口
<body onload="openwin()">

二、浏览器离开页面时弹出窗口
<body onunload="openwin()">

三、用一个连接调用
<a href="#" onclick="openwin()">打开一个窗口</a>
注意:使用的“#”是虚连接。

四、用一个按钮调用
<input type="button" onclick="openwin()" value="打开窗口">

posted @ 2012-05-28 14:09  ProvenceT  阅读(735)  评论(0编辑  收藏  举报