当前位置：K88软件开发 → 文章中心 → 编程语言 → JavaScript → JS01 → 文章内容

javascript中window.open函数的使用

减小字体

增大字体作者：佚名来源：翔宇亭IT乐园发布时间：2019-1-3 0:36:19

：2012-09-29 18:35:08

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">  </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>

javascript中window.open函数的使用

[] [返回上一页] [打印]