JavaScript关于window.open()应用
2007-10-15 09:02
465 查看
JavaScript关于window.open()应用
http://www.webjx.com 更新日期:2005-10-16 09:19 出处: 作者:网页都是建立在窗口之上的,任何有关网页的事情,都与窗口有关。下面首先让我们熟悉一下大家常用的Internet Explorer的基本结构。
正常情况下,打开的窗口都有如下四部分:
标题栏(title):该窗口显示标题的地方
控制区:各种按键、菜单
窗口:浏览器上最大的那一部分,不用多说了吧!
状态栏(status):显示相应系统信息以及JavaScript信息的地方
在默认情况下,打开的新窗口都含有以上部分。但是当用到windows.open()时,我们就可以控制新打开的窗口的风格了。
语法:
oNewDoc = document.open(sUrl [, sName] [, sFeatures] [, bReplace]) |
[align=center]sURL[/align] | 可选。字符串--指定新的文档的URL地址。如果没有指定这一项,那么将会是一个空的(about:blank)。 |
[align=center]sName[/align] | 可选。字符串--新生成窗口的名字。可以用作form或者a中Target的值。 |
[align=center]blank [/align] | sURL被加载到一个新的未命名的窗口。 |
[align=center]_media[/align] | sURL被加载到一个媒体栏中。(仅适合IE6以及以后版本浏览器) |
[align=center]_parent[/align] | sURL被加载到目前框架的上层框架上。如果没有上层框架,则此项的值与_self的值相同。 |
[align=center]_search[/align] | sURL被打开在浏览器的查找窗口。(仅适合IE5以及以后的浏览器) |
[align=center]_self[/align] | sURL在当前的窗口上打开,覆盖以前的内容。 |
[align=center]_top[/align] | sURL可能会加载到任何框架支架(Frameset)上,如果没有定义Frameset,此项值与_self的值相同。 |
[align=center]sFeatures[/align] | 可选。字符串--列出对象表并用逗号分开。每一项都有自己的值,他们将被分开(如:"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。 |
[align=center]bReplace[/align] | 可选。当sURL被加载到同一窗口时,这个布尔型变量指定是否这个sURL新建立一个条目,或者是加到目前该窗口的历史记录上。 |
[align=center]true[/align] | sURL覆盖当前文档的历史纪录。 |
[align=center]false[/align] | sURL在历史记录中建立一个新的条目。 |
默认情况下,open方法建立一个拥有默认宽度、高度、菜单以及工具栏的窗口。你可以指定其中任何一项或者多项特征参数。这些参数是由一个或多个字符串所组成的。
当一旦有特征参数被指定,其他没有被指定的特征参数全部被禁止。因此,当用到特征参数,就需要定义所有在窗口中需要用到的其他特征参数。如果没有指定特征参数,那么所有的特征将会被保留原始的默认值。除了给特征参数指定新值之外,还可以简单的罗列特征名称来使得窗口的相应特征有效。
示例:
window.open("Sample.htm",null, "height=200,width=400,status=yes,toolbar=no,menubar=no,location=no"); |
下面给出一个较为完整的例子,供大家参考新窗口的生成方法。
<html> <head> <title>Open Window</title> <script language="JavaScript"> function OpenWindow() { thisWin = window.open("", 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> |
生成新的窗口是比较简单的,大家只要熟练掌握上面介绍的特征,基本上就可以说掌握了新窗口的生成方法。
相关文章推荐
- JavaScript关于window.open()应用
- JavaScript关于window.open()应用
- javascript之关于window.open应用(二)—Window.Open实例详解
- JavaScript关于window.open()应用
- JavaScript关于window.open()应用(转)
- JavaScript之关于window.open()应用(一)
- 关于JavaScript的window对象的open和close方法
- 关于javascript 中用window.open()打开多个窗口的问题
- 关于JavaScript的window对象的三种对话框
- 关于js的window.open()
- 关于javascript中"window.location.href"、"location.href"
- JavaScript的window对象的open方法
- JavaScript各种对话框(alert、confirm、prompt),window.open打开关闭窗口,document.write输出内容
- how to use javascript to open modal window?
- 关于open操作的O_EXCL的存在应用价值理解
- JavaScript基础 window.open(url,name,options) 新建一个新的网页 设置新网页的网址 名字 宽度 高度
- JavaScript入门(四) - 打开新窗口(window.open)
- JavaScript打开窗口函数(Window.Open)使用
- window.open的应用
- js的window.open基本应用