window.open的用法
window.open的用法window.open方法的定义:
oNewWindow = window.open( sURL , sName , sFeatures, bReplace)
通过方法签名可以看出,window.open在打开一个窗口(其url为sURL)后,将返回一个代表该窗口对象的一个变量
oNewWindow,如果打开不成功,则oNewWindow的值为null。同时为了对打开的窗口预先做一些控制,提供了
其他一些参数(sName、sFeatures、bReplace)可供选择配置。
各参数的含义
* oNewWindow:被打开的窗口的对象
* sUrl:一个可选的字符串,声明了要在新窗口中显示的文档的 URL。如果省略了这个参数,或者它的值是空字符串,那么新窗口就不会显示任何文档。
* sName:一个可选的字符串,该字符串是一个由逗号分隔的特征列表,其中包括数字、字母和下划线,该字符声明了新窗口的名称。这个名称可以用作标记 <a> 和 <form> 的属性 target 的值。如果该参数指定了一个已经存在的窗口,那么 open() 方法就不再创建一个新窗口,而只是返回对指定窗口的引用。在这种情况下,features 将被忽略。等等
* sFeatures:一个可选的字符串,声明了新窗口要显示的标准浏览器的特征。如果省略该参数,新窗口将具有所有标准特征。在窗口特征这个表格中,我们对该字符串的格式进行了详细的说明。
*replace:一个可选的布尔值。规定了装载到窗口的 URL 是在窗口的浏览历史中创建一个新条目,还是替换浏览历史中的当前条目。支持下面的值:
- true - URL 替换浏览历史中的当前条目。
- false - URL 在浏览历史中创建新的条目。
sFeatures窗口特征(Window Features)
channelmode = yes|no|1|0 | 是否使用剧院模式显示窗口。默认为 no。 |
directories = yes|no|1|0 | 是否添加目录按钮。默认为 yes。 |
fullscreen = yes|no|1|0 | 是否使用全屏模式显示浏览器。默认是 no。处于全屏模式的窗口必须同时处于剧院模式。 |
height = pixels | 窗口文档显示区的高度。以像素计。 |
left = pixels | 窗口的 x 坐标。以像素计。 |
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 | 是否显示标题栏。默认是 yes。 |
toolbar = yes|no|1|0 | 是否显示浏览器的工具栏。默认是 yes。 |
top = pixels | 窗口的 y 坐标。 |
width = pixels | 窗口的文档显示区的宽度。以像素计。 |
window.open几种实例介绍
1、最基本的弹出窗口代码
<script language="javascript">
window.open ('pageUrl')
</script>
2、经过设置后的弹出窗口
//我们来定制这个弹出的窗口的外观,尺寸大小,弹出的位置以适应该页面的具体情况。
<SCRIPT LANGUAGE="javascript">
<!--
window.open ('pageUrl', 'newwindow', 'height=100, width=400, top=0,left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no')
//写成一行
-->
</SCRIPT>
参数解释:
window.open 弹出新窗口的命令;
pageUrl 弹出窗口的文件名;
newwindow 弹出窗口的名字(不是文件名),非必须,可用空''代替;
height=100 窗口高度;
width=400 窗口宽度;
top=0 窗口距离屏幕上方的象素值;
left=0 窗口距离屏幕左侧的象素值;
toolbar=no 是否显示工具栏,yes为显示;
menubar,scrollbars 表示菜单栏和滚动栏。
Resizable=no 是否允许改变窗口大小,yes为允许;
location=no 是否显示地址栏,yes为允许;
status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许;
3、用函数控制弹出窗口
<html>
<head>
<script LANGUAGE="JavaScript">
<!--
function openwin() { window.open ("pageUrl", "newwindow", "height=100, width=400, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no")
//写成一行
}
//-->
</script>
</head>
<body onload="openwin()">
…任意的页面内容…
</body>
</html>