Window.Open参数、返回值
一、WindOW∙ open。支持环境：
JavaScriptl.0+∕JScriptl.0+∕Nav2+∕IE3+∕Opera3+
二、基本语法：
window.open(pageURL,namezparameters)
其中：
PageURL为子窗口路径
name为子窗口句柄
parameters为窗口参数(各参数用逗号分隔)
三、不例：
<SCRIPT>
window.open('page.htmΓz'newwindow'∕height=100,width=400,top=0∕∣βft =Oztoolbar=no,menubar=nozscrollbars=nozresizable=nozlocation=nozstatus= no,)
〃写成一行
<∕SCRIPT>
脚本运行后，page.html将在新窗体newwindow中打开，宽为IO0,高为400,距 屏顶0象素，屏左0象素，无工具条，无菜单条，无滚动条，不可调整大小，无地址栏， 无状态栏。请对照。
上例中涉及的为常用的几个参数，除此以外还有很多其他参数，请见四。四、各项参数 其中yes/no也可使用1/0； PiXeIVaIUe为具体的数值，单位象素。
参数I取值范围I说明
al WaysLowered I yes/no I指定窗口隐藏在所有窗口之后
alwaysRaised∣yes∕no∣指定窗口悬浮在所有窗口之上
depended Iyes/noI是否和父窗口同时关闭
directories∣yes/no∣ Nav2和3的目录栏是否可见
heightIPiXelVaIUel 窗 口高度
hotkeys I yes∕no∣在没菜单栏的窗口中设安全退出热键
inne「Height| Pixelvaluel窗口中文档的像素高度
innerWidth ∣ PiXeIVaIUeI窗口中文档的像素宽度
location ∣ yes/no |位置栏是否可见
menubar∣yes∕no∣菜单栏是否可见
OUterHeightlPiXelVaIilel设定窗口（包括装饰边框）的像素高度
OiIterWidthlPiXelVaIUel设定窗口（包括装饰边框）的像素宽度
「esizable|yes/no|窗口大小是否可调整
Screenxipixelvdluel窗口距屏幕左边界的像素长度
SC「eenY| pixelvalue I窗口距屏幕上边界的像素长度
SC「olIbarSIyeS/no I窗口是否可有滚动栏
titlebar∣yes∕no∣窗口题目栏是否可见
toolbar∣yes∕no∣窗口工具栏是否可见
Width IPiXelVaIUeI窗口的像素宽度
z-look∣ yes/no |窗口被激活后是否浮在其它窗口之上
工、最基本的弹出窗口代码
其实代码非常简单：VSCRlPTLANGUAGE="javasc「ipt”>
window.open（'page.htmΓ）
<∕SCRIPT因为若是一段javascτipts代码，所以它们应该放在 VSCRlPTLANGUAGE="javascript”> 标签和 v∕script> 之间。
WindoW.oPenePage.html'）用于控制弹出新的窗口 page.html,如果 page.html 不与主窗口在同一路径下，前面应写明路径，绝对路径（：〃）和相对路径（・・/）均可。用单引 号和双引号都可以，只是不要混用。
这一段代码可以加入HTML的任意位置，Vhead>和<∕head>之间可以，Vbody> 间v∕body>也可以，越前越早执行，尤其是页面代码长，又想使页面早点弹出就尽量往前 放。
2、经过设置后的弹出窗口
下面再说一说弹出窗口的设置。只要再往上面的代码中加一点东西就可以了。
我们来定制这个弹出的窗口的外观，尺寸大小，弹出的位置以适应该页面的具体情况。 <SCRIPTLANG∪AGE="javascript">
window.open（'page. html,z,newwindow','height= 100zwidth=400ztop=0,∣βft =Oztoo∣bar=
nozmenubar=nozscrollbars=nozresizable=noJocation=no,status= no,）
〃写成一行
<∕SCRIPT>
参数解释：
VSCRIPTLANGUAGE="javascript">js 脚本开始；
window.open弹出新窗D的命令；
'page.html'弹出窗口的文件名；
'newwindow'弹出窗口的名字（不是文件名），非必须，可用空”代替；
height=100 窗口高度；
width=400 窗口宽度；
top=0窗口距离屏幕上方的象素值；
Ieft=O窗口距离屏幕左侧的象素值；
toolba「=no是否显示工具栏，yes为显示；
menubar, SCrollbarS表示菜单栏和滚动栏。
Resizable=no是否允许改变窗口大小，yes为允许；
IoCation=no是否显示地址栏，yes为允许；
StatUS=no是否显示状态栏内的信息(通常是文件已经打开)，yes为允许；
<∕SCRIPT>js脚本结束
3、用函数控制弹出窗口
<html>
下面是一个完整的代码
<head>
<scriptLANG∪AGE=,,JavaScript">
functionopenwin(){window.open("page.html"z"newwindow"z"height=100z Width=400,toolbar= no, menubar=no,scrollbars=no,resizable=no,IOCation = no, status=no")
〃写成一行
}
<∕script>
<∕head>
<bodyonload="openwin(),,>
…任意的页面内容…
<∕body>
<∕html>
这里定义了一个函数OPenWin。,函数内容就是打开一个窗口。在调用它之前没有任何 用途。
怎么调用呢？
方法一：VbOdyonIoad="oPenWin()”>浏览器读页面时弹出窗口：
方法二：VbodyonUnIoad="oPenWin()”>浏览器离开页面时弹出窗口；
方法三：用一个连接调用：
Vah「ef="#"OndiCk="oPenWin()”> 打开一个窗口v∕a>
注意：使用的“#“是虚连接。
方法四：用一个按钮调用：
< inputtype="button,,onclick="openwin()"value="    S □">
4、同时弹出2个窗口
对源代码稍微改动一下：
<scriptLANG∪AGE=,,JavaScript">
functionopenwin()
{window.open(',page.htmΓ,∕'newwindow,,z"height= IOOzWidth = 100,top=Oz∣ eft=Oztoo∣bar= no,menubar= no,scrollbars=nozresizable=nozlocation=nozstatus = noπ)
〃写成一行
window.open("page2.htmΓ,,"newwindow2"∕,height= IOOzWidth=100,top=l OOJeft= 100,toolbar=nozmenubar=nozscrollbars=no,resizable=no,location=no zstatus=no")
〃写成一行
}
<∕script>
为避免弹出的2个窗口覆盖，用topwrite的返回值和Ieft控制一下弹出的位置不要相互覆盖即可。 最后用上面说过的四种方法调用即可。
注意：2个窗口的name(newwindows和newwindow2)不要相同，或者干脆全部 为空。OK?
5、主窗口打开文件1・htm,同时弹出小窗口 page.html
如下代码加入主窗口 Vhead>区：
<scriptlanguage="javascript" >
functionopenwin()
{window.open("page.html",    Width=200, height=200")
}
<∕script>
力口入VbOdy>区：
<ahref= "1. htm"onclick="openwin()">open <∕a> KP ∏Io
6、弹出的窗口之定时关闭控制
下面我们再对弹出的窗口进行一些控制，效果就更好了。如果我们再将一小段代码加入 弹出的页面(注意是加入到page.html的HTML中，可不是主页面中，否则...)，让它10 秒后自动关闭是不是更酷了？
首先，将如下代码加入page.html文件的Vhead>区：
<scriptlanguage="JavaScript" >
functioncloseit()
{setTimeout("self.close()"z10000)∕∕≡⅛^}
<∕script>
然后，再用VbodyOnload="closeit()”>这一句话代替 page.html 中原有的VBoDY> 这一句就可以了。(这一句话千万不要忘记写啊！这一句的作用是调用关闭窗口的代码，10 秒钟后就自行关闭该窗口。)
7、在弹出窗口中加上一个关闭按钮
<FORM>
VlNPUTTYPE='BUTTON'VALUE='关闭'onClick='window.dose()'>
<∕FORM>
呵呵，现在更加完美了！
8、内包含的弹出窗口■一个页面两个窗口
上面的例子都包含两个窗口，一个是主窗口，另一个是弹出的小窗口。
通过下面的例子，你可以在一个页面内完成上面的效果。
<html>
<head>
<SCRIPTLANG∪AGE="JavaScript">
functionopenwin()
{OpenWindow=window.open(""z"newwin"z"height=250zwidth=250ztoolbar = no/scrollbars="+scroll + "/menubar=non);

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。