首页 > 开发 > JS > 正文

javascript中window.open函数的使用

2024-09-06 12:40:44
字体:
来源:转载
供稿:网友

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>

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表