window.open的用法

更多时间：2013-10-22 类别：Web前端浏览量：2562

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>

标签：javascript widow.open

上一篇：如何提升网站在移动端的打开速度

下一篇：JavaScript instanceof 的用法

您可能感兴趣

window.open的用法

window.open的用法

热门推荐

排行榜