您的位置:首页 > Web前端 > javascript > 正文

window.open的用法

更多 时间:2013-10-22 类别:javascript 浏览量: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>
    		
  • 本文地址:http://www.studyofnet.com/news/174.html