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

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 的用法
    • 您可能感兴趣
    首页 编程学习 Web前端 数据库 软件设计
    开心学习 ©2013-2021 保留所有权利