正常情况下,浏览器打开的窗口都有如下四部分,这部分功能的实现可以使用JavaScript来控制:
· 1、
标题栏
(title); 2、
控制功能区; 3、
窗口; 4、
状态栏
(status)
在默认情况下,打开的新窗口都含有以上部分。但是当用到windows().open时,我们就可以控制新打开的窗口的风格
语法
oNewDoc
=
document.open
(sUrl [, sName] [, sFeatures] [, bReplace])
|
说明:
sURL |
可选。字符串
--
指定新的文档的
URL
地址。如果没有指定这一项,那么将会是一个空的(
about:blank
)。
| |
sName | 可选。字符串--新生成窗口的名字。可以用作form或者a中Target的值。 | |
blank
|
sURL
被加载到一个新的未命名的窗口。
| |
_media
|
sURL
被加载到一个媒体栏中。(仅适合
IE6
以及以后版本浏览器)
| |
_parent
|
sURL
被加载到目前框架的上层框架上。如果没有上层框架,则此项的值与
_self
的值相同。
| |
_search
|
sURL
被打开在浏览器的查找窗口。(仅适合
IE5
以及以后的浏览器)
| |
_self
|
sURL
在当前的窗口上打开,覆盖以前的内容。
| |
_top
|
sURL
可能会加载到任何框架支架
(Frameset)
上,如果没有定义
Frameset
,此项值与
_self
的值相同。
| |
sFeatures |
可选。字符串
--
列出对象表并用逗号分开。每一项都有自己的值,他们将被分开(如:
"fullscreen=yes, toolbar=yes"
)。下面是被支持的各种特性。
| |
channelmode
= { yes | no | 1 | 0 }
|
是否在窗口中显示阶梯模式。默认为
no
。
| |
directories = { yes | no | 1 | 0 }
|
是否在窗口中显示各种按钮。默认为
yes
。
| |
fullscreen
= { yes | no | 1 | 0 }
|
是否用全屏方式显示浏览器。默认为
no
。使用这一特性时需要非常小心。因为这一属性可能会隐藏浏览器的标题栏和菜单,你必须提供一个按钮或者其他提示来帮助使用者关闭这一浏览窗口。
ALT+F4
可以关闭窗口。一个全屏窗口必须使用阶梯
(channelmode)
模式。
| |
height = number
|
指定窗口的高度,单位是像素。最小值是
100
。
| |
left = number
|
指定窗口距左边框的距离,单位是像素。值必须大于或者等于
0
。
| |
location = { yes | no | 1 | 0 }
|
指定是否在窗口中显示地址栏。默认为
yes
。
| |
menubar
= { yes | no | 1 | 0 }
|
指定是否在窗口中显示菜单栏。默认为
yes
。
| |
resizable = { yes | no | 1 | 0 }
|
指定是否在窗口中显示可供用户调整大小的句柄。默认为
yes
。
| |
scrollbars = { yes | no | 1 | 0 }
|
指定是否在窗口中显示横向或者纵向滚动条。默认为
yes
。
| |
status = { yes | no | 1 | 0 }
|
指定是否在窗口中显示状态栏。默认为
yes
。
| |
titlebar
= { yes | no | 1 | 0 }
|
指定是否在窗口中显示标题栏。在非调用
HTML Application
或者一个对话框的情况下,这一项将被忽略。默认为
yes
。
| |
toolbar = { yes | no | 1 | 0 }
|
指定是否在窗口中显示工具栏,包括如前进、后退、停止等按钮。默认为
yes
。
| |
top = number
|
指定窗口顶部的位置,单位是像素。值必须大于或者等于
0
。
| |
width = number
|
指定窗口的宽度,单位是像素。最小值是
100
。
| |
bReplace |
可选。当
sURL被加载到同一窗口时,这个布尔型变量指定是否这个sURL新建立一个条目,或者是加到目前该窗口的历史记录上。
| |
true
|
sURL
覆盖当前文档的历史纪录。
| |
false
|
sURL
在历史记录中建立一个新的条目。
|
注释:
默认情况下,open方法建立一个拥有默认宽度、高度、菜单以及工具栏的窗口。你可以指定其中任何一项或者多项特征参数。这些参数是由一个或多个字符串所组成的。
当一旦有特征参数被指定,其他没有被指定的特征参数全部被禁止。因此,当用到特征参数,就需要定义所有在窗口中需要用到的其他特征参数。如果没有指定特征参数,那么所有的特征将会被保留原始的默认值。除了给特征参数指定新值之外,还可以简单的罗列特征名称来使得窗口的相应特征有效。
示例:
window.open
(
"Sample.htm",null,
"height=200,width=400,status=yes,toolbar=no,menubar=no,location=no"
);
|
在例子中,建立了一个包含Sample.htm的新窗口。这个新窗口有200像素宽和400像素高,拥有状态栏,但是没有工具栏、菜单栏和地址栏。以上就是相应代码。
下面给出一个较为完整的例子,供大家参考新窗口的生成方法。
<html>
<head>
<title> Open Window</title>
<script language="JavaScript">
function OpenWindow()
{
thisWin = window.("", null, "width=300,height=400")
thisWin.document(.write"<head><title>newWindow</title></head>")
thisWin.document(.write"<body><center>This is a new window!</center></body>")
}
</script>
</head>
<body>
<center>
<input type="button" value="Creat New Window" onClick="OpenWindow()">
</center>
</body>
</html> open例子中的this.document.write向新生成的窗口中写入代码,如果不这样,新生成的窗口将会显示错误。(转自作者:onefi)