WINDOW.OPEN各属性及用法详解

合集下载

window.open返回的对象的方法

window.open返回的对象的方法`window.open()` 是一个JavaScript方法，用于打开新的浏览器窗口。

这个方法返回一个`Window` 对象，该对象具有多种方法和属性，可以用来控制新打开的窗口。

以下是一些常用的`Window` 对象的方法：1. `close()`: 关闭当前窗口。

注意，这个方法可能由于浏览器的安全策略被禁用，特别是对于非用户触发的事件。

2. `moveTo(x-coord, y-coord)`: 将窗口移动到指定的屏幕坐标。

3. `moveBy(x-offset, y-offset)`: 将窗口从当前位置移动指定的像素值。

4. `resizeTo(width, height)`: 改变窗口的大小。

5. `resizeBy(width-offset, height-offset)`: 相对于当前大小改变窗口的大小。

6. `scroll(x-coord, y-coord)`: 滚动窗口到指定的位置。

7. `scrollBy(x-offset, y-offset)`: 相对于当前位置滚动窗口。

8. `alert()`: 显示一个警告对话框，包含一个消息和确认按钮。

9. `confirm()`: 显示一个确认对话框，包含一个消息、确认和取消按钮。

返回值为`true` 或`false`。

10. `prompt()`: 显示一个提示对话框，包含一个消息和一个文本输入字段。

返回值为用户输入的文本或`null`。

这些方法都是`Window` 对象的一部分，可以通过新打开的窗口对象来调用。

例如：```javascriptlet newWindow = window.open('你需要的地址');newWindow.alert('这是一个警告对话框');```请注意，由于浏览器安全策略和用户设置的限制，某些方法（如`close()`）可能在新打开的窗口中不可用，或者需要特定的用户交互才能执行。

Window.Open参数、返回值js弹窗

Window.Open参数、返回值一、window.open()支持环境：JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+二、基本语法：window.open(pageURL,name,parameters)其中：pageURL为子窗口路径name为子窗口句柄parameters为窗口参数(各参数用逗号分隔)三、示例：<SCRIPT>window.open('page.html','newwindow','height=100,width=400,top=0,left =0,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status= no')//写成一行</SCRIPT>脚本运行后，page.html将在新窗体newwindow中打开，宽为100，高为400，距屏顶0象素，屏左0象素，无工具条，无菜单条，无滚动条，不可调整大小，无地址栏，无状态栏。

请对照。

上例中涉及的为常用的几个参数，除此以外还有很多其他参数，请见四。

四、各项参数其中yes/no也可使用1/0；pixelvalue为具体的数值，单位象素。

window.location.href和window.open的几种用法和区别

1 2 3 4 5 6self.location.href;//当前页⾯打开URL页⾯window.location.href;//当前页⾯打开URL页⾯this.location.href;//当前页⾯打开URL页⾯location.href;// 当前页⾯打开URL页⾯parent.location.href;//在⽗页⾯打开新页⾯top.location.href;//在顶层页⾯打开新页⾯1 2 3 4 5<form id="form1"action=""><div><strong>这是a.html页⾯<strong><iframe src="b.html"width="500px"height="300px"></iframe> </strong></strong></div> </form><pre>1 2<span>这是b.html</span><span id="span1"></span><br/> <iframe src="c.html"width="500px"height="300px"></iframe>1 2<span><strong>这是c.html：<strong></span><span id="span1"></span><br/> <iframe src="d.html"width="500px"height="300px"></iframe>1 2 3<span>这是d.html：</span><span id="span1"></span><br/> <input type='button'onclick='jump();'value='跳转'><iframe src="d.html"width="500px"height="300px"></iframe>1 2 3 4 5 6 7 8 9 10<strong>function jump(){//经测试：window.location.href与location.href,self.location.href,location.href都是本页⾯跳转//作⽤⼀样window.location.href="";//location.href="";//self.location.href="";//this.location.href="";//location.href="";} </strong>1 2function jump(){window.location.href和window.open的⼏种⽤法和区别使⽤js的同学⼀定知道js的location.href的作⽤是什么，但是在js中关于location.href的⽤法究竟有哪⼏种，究竟有哪些区别，估计很多⼈都不知道了。

window.open实现模式窗口

window.open实现模式窗⼝看了些⽂章，实现模式窗⼝有两种⽅式。

window.showModalDialog以及window.open。

⼀、⽅式介绍window.open()⽀持环境： JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+showModalDialog() (IE 4+ ⽀持)showModelessDialog() (IE 5+ ⽀持)window.showModalDialog()⽅法⽤来创建⼀个显⽰HTML内容的模态对话框。

window.showModelessDialog()⽅法⽤来创建⼀个显⽰HTML内容的⾮模态对话框。

由此可见，showModalDialog是IE的语法，其他浏览器并不⽀持。

showModalDialog很好⽤，但是由于这个原因，有些需要⽀持多种浏览器客户端的情况就不能使⽤这个⽅法。

⼆、window.open()基本语法：window.open(pageURL,name,parameters)其中：pageURL 为⼦窗⼝路径name 为⼦窗⼝句柄parameters 为窗⼝参数(各参数⽤逗号分隔)三、实现模式窗⼝有⽂章说parameters 中有⼀个参数modal=yes（dialog=yes效果⼀样），如果设定即为模式窗⼝。

但是经笔者测试，增加这个参数，只是使弹出的窗⼝的最⼤化按钮为不可⽤，只是和不加该参数的唯⼀区别。

此时，同样可以操作⽗窗⼝。

这并不是我想要的模式窗⼝，我想要的是⼦窗⼝弹出后，在⼦窗⼝不关闭的情况下是不能操作⽗窗⼝的。

最后发现很简单的⼀句话就可以完成这个功能，在body中加⼊onBlur="window.focus();" 即可。

但是这样还是有问题的，⼦窗⼝的任何输⼊操作都是不被允许的，只有按钮可以点击。

修改⼀下：var result= window.open("URL","window","width=600px,height=400px, modal=yes,status=no");window.onfocus=function (){result.focus();};window.onclick=function (){result.focus();};这样可以在点击⽗窗⼝的时候，将焦点赋予⼦窗⼝。

window对象的方法和属性汇总

window对象的⽅法和属性汇总open　close　alert　confirm　prompt　setTimeout　clearTimeout　setInterval　clearInterval　moveBy　moveTo　resizeBy　resizeTo scrollBy　scrollTo　find　back　forward　home　stop　print　blur　focus　captureEvent　enableExternalCapture　disableExternalCapture　handleEvent releaseEvent　routeEvent　scroll1. open⽅法语法格式：window.open(URL,窗⼝名称,窗⼝风格)功能：打开⼀个新的窗⼝，并在窗⼝中装载指定URL地址的⽹页。

说明：open⽅法⽤于打开⼀个新的浏览器窗⼝，并在新窗⼝中装⼊⼀个指定的URL地址；open⽅法在打开⼀个新的浏览器窗⼝时，还可以指定窗⼝的名称(第⼆个参数)；open⽅法在打开⼀个新的浏览器窗⼝时，还可以指定窗⼝的风格(第三个参数)，窗⼝风格有以下选项，这些选项可以多选，如果多选，各选项之间⽤逗号分隔：toolbar：指定窗⼝是否有标准⼯具栏。

当该选项的值为1或yes时，表⽰有标准⼯具栏，当该选项的值为0或no时，表⽰没有标准⼯具栏；location：指定窗⼝是否有地址⼯具栏，选项的值及含义与toolbar相同；directories：指定窗⼝是否有链接⼯具栏，选项的值及含义与toolbar相同；status：指定窗⼝是否有状态栏，选项的值及含义与toolbar相同；menubar：指定窗⼝是否有菜单，选项的值及含义与toolbar相同；scrollbar：指定当前窗⼝⽂档⼤于窗⼝时是否有滚动条，选项的值及含义与toolbar相同；resizable：指定窗⼝是否可改变⼤⼩，选项的值及含义与toolbar相同；width：以像素为单位指定窗⼝的宽度，已被innerWidth取代；height：以像素为单位指定窗⼝的⾼度，已被innerHeight取代；outerWidth：以像素为单位指定窗⼝的外部宽度；outerHeight：以像素为单位指定窗⼝的外部⾼度；left：以像素为单位指定窗⼝距屏幕左边的位置；top：以像素为单位指定窗⼝距屏幕顶端的位置；alwaysLowered：指定窗⼝隐藏在所有窗⼝之后，选项的值及含义与toolbar相同；alwaysRaised：指定窗⼝浮在所有窗⼝之上，选项的值及含义与toolbar相同；dependent：指定打开的窗⼝为当前窗⼝的⼀个⼦窗⼝，并随着⽗窗⼝的关闭⽽关闭，选项的值及含义与toolbar相同；hotkeys：在没有菜单栏的新窗⼝中设置安全退出的热键，选项的值及含义与toolbar相同；innerHeight：设定窗⼝中⽂档的像素⾼度；innerWidth：设定窗⼝中⽂档的像素宽度；screenX：设定窗⼝距离屏幕左边界的像素长度；screenY：设定窗⼝距离屏幕上边界的像素长度；titleBar：指明标题栏是否在新窗⼝中可见，选项的值及含义与toolbar相同；z-look：指明当窗⼝被激活时，不能浮在其它窗⼝之上，选项的值及含义与toolbar相同。

window.open（）详解及浏览器兼容性问题

window.open（）详解及浏览器兼容性问题⼀、基本语法：window.open(pageURL,name,parameters)其中：pageURL 为⼦窗⼝路径name 为⼦窗⼝名字parameters 为窗⼝参数(各参数⽤逗号分隔)⼆、⽰例<script type="text/javascript">window.open('page.html','newwindow','height=500,width=800,top=0,left=0,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no')</script>page.html将在新窗体newwindow中打开,宽为800,⾼为500,距屏顶0象素,屏左0象素,⽆⼯具条,⽆菜单条,⽆滚动条,不可调整⼤⼩,⽆地址栏,⽆状态栏。

各浏览器对window.open()的窗⼝特征sFeatures参数⽀持程度存在差异各浏览器运⾏结果汇总：上表中为各个浏览器对 features 各参数选项的⽀持程度，其中需要特殊说明的如下：【标注1】：IE7 IE8 Firefox Chrome Safari 中，当"menubar"选项为"yes"时,默认不显⽰菜单栏,需要按ALT键后菜单栏才可显⽰；相反当"menubar"选项为"no"时,即使按了ALT键也不会显⽰菜单栏。

【标注2】：Safari中,开启"location"选项与开启"toolbar"选项时显⽰效果⼀致。

【标注3】：IE6 IE8 Chrome 中,使⽤"top"和"left"定位,如果出现设定的的坐标值过⼤,弹出窗⼝将可能显⽰在屏幕可视范围外。

python window.open的使用方法 -回复

python window.open的使用方法-回复Python中的window.open()方法主要是用于在网页中通过Python脚本打开一个新的浏览器窗口。

这个方法常用于图形用户界面(GUI)的开发中，可以通过特定的参数控制新窗口的大小、位置以及其他属性。

在Python中，使用window.open()方法打开一个新的浏览器窗口需要借助于第三方库，比如PyQt5或者tkinter。

接下来，我们将一步一步地介绍如何使用这两个库实现window.open()的功能。

第一步：安装PyQt5库PyQt5是一个用于开发图形用户界面的Python库，它提供了丰富的功能和易于使用的API。

在使用window.open()方法前，我们首先需要安装PyQt5库。

在命令行中运行下面的命令来安装PyQt5：pip install PyQt5第二步：使用PyQt5打开新窗口在Python中，我们可以使用PyQt5来创建一个新的窗口并显示网页内容。

下面是一个简单的示例代码：pythonimport sysfrom PyQt5.QtCore import QUrlfrom PyQt5.QtWebEngineWidgets import QWebEngineView from PyQt5.QtWidgets import QApplicationapp = QApplication(sys.argv)# 创建一个Web引擎视图view = QWebEngineView()# 设置新窗口的初始大小view.resize(800, 600)# 设置新窗口的初始位置view.move(100, 100)# 设置新窗口的标题view.setWindowTitle('New Window')# 打开一个网页view.load(QUrl('# 显示新窗口view.show()# 运行应用程序sys.exit(app.exec())上述代码首先导入了必要的模块，然后创建了一个QApplication对象和一个QWebEngineView对象，分别用于管理应用程序和显示网页内容。

HTML中window.open的使用方法以及参数说明

HTML中window.open的使用方法以及参数说明HTML中window.open的例子和使用方法以及参数说明（完整版）一、window.open()支持环境：JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+二、基本语法：window.open(pageURL,name,parameters)其中：pageURL 为子窗口路径name 为子窗口句柄parameters 为窗口参数(各参数用逗号分隔)三、示例：<SCRIPT></SCRIPT>脚本运行后，page.html将在新窗体newwindow中打开，宽为100，高为400，距屏顶0象素，屏左0象素，无工具条，无菜单条，无滚动条，不可调整大小，无地址栏，无状态栏。

上例中涉及的为常用的几个参数，除此以外还有很多其他参数，请见四。

四、各项参数其中yes/no也可使用1/0；pixel value为具体的数值，单位象素。

window.opener的用法

window.opener的⽤法window.opener 实际上就是通过window.open打开的窗体的⽗窗体。

⽐如在⽗窗体parentForm⾥⾯通过 window.open("subForm.html"),那么在subform.html中 window.opener就代表parentForm,可以通过这种⽅式设置⽗窗体的值或者调⽤js⽅法。

如：1,window.opener.test(); ---调⽤⽗窗体中的test()⽅法2,如果window.opener存在,设置parentForm中stockBox的值。

if (window.opener && !window.opener.closed) {window.opener.document.parentForm.stockBox.value = symbol;}1>window.opener 的⽤法在⼀般的⽤法中，只是⽤来解决关闭窗⼝时不提⽰弹出窗⼝，⽽对它更深层的了解⼀般⽐较少。

其实 window.opener是指调⽤window.open⽅法的窗⼝。

在⼯作中主要是⽤来解决部分提交的。

这种跨页操作对⼯作是⾮常有帮助的。

如果你在主窗⼝打开了⼀个页⾯，并且希望主窗⼝刷新就⽤这个，打开页⾯的window.opener就相当于主窗⼝的window。

主窗⼝的刷新你可以⽤window.opener.location.reload()；如果你⽤虚拟的⽬录：如struts的*.do会提⽰你重试你可以改成这样 window.opener.yourformname.submit()就好了2〉在应⽤中有这样⼀个情况，在A窗⼝中打开B窗⼝，在B窗⼝中操作完以后关闭B窗⼝，同时⾃动刷新A窗⼝function closeWin(){hasClosed = true;window.opener.location="javascript:reloadPage();";window.close();}function window.onbeforeunload(){if(!hasClosed){window.opener.location="javascript:reloadPage();";}}</script>上⾯的代码在关闭B窗⼝的时候会提⽰错误，说缺少Object,正确的代码如下：function closeWin(){hasClosed = true;window.opener.location="javascript:reloadPage();";window.opener=null;window.close();}function window.onbeforeunload(){if(!hasClosed){//如果已经执⾏了closeWin⽅法，则不执⾏本⽅法window.opener.location="javascript:reloadPage();";}}</script>reloadPage⽅法如下:function reloadPage() {history.go(0);document.execCommand("refresh")document.location = document.location;document.location.reload();}PS:由于需要⽀持正常关闭和强制关闭窗⼝时能捕捉到事件，⽤了全局变量hasClosed==============================================补充，在⽗窗⼝是frame的时候在刷新⽗窗⼝的时候会出现问题:The page cannot be refreshed without resending the information.后修改如下:window.opener.parent.document.frames.item('mainFrame').location.href = window.opener.location.href;不需要执⾏⾃带的reload()⽅法,注意，不要再画蛇添⾜加上这⼀句:window.opener.parent.document.frames.item('mainFrame').location.reload();========================================================================================最后，为了同时⽀持刷新普通⽗窗⼝和frame⽗窗⼝，代码如下:function closeWin() {hasClosed = true;<%if(null != frame){%>window.opener.parent.document.frames.item('mainFrame').location.href = window.opener.location.href;<%}else{%>window.opener.location = "javascript:reloadPage();";<%}%>//window.opener.top.mainFrame.location="javascript:reloadPage();";//self.opener.frames.mainFrame.location.reload(true);window.opener = null;window.close();}function window.onbeforeunload(){if (!hasClosed) {<%if(null != frame){%>window.opener.parent.document.frames.item('mainFrame').location.href = window.opener.location.href;<%}else{%>window.opener.location = "javascript:reloadPage();";<%}%>window.opener = null;}}关于window.openerwindow.opener 的⽤法window.opener 返回的是创建当前窗⼝的那个窗⼝的引⽤，⽐如点击了a.htm上的⼀个链接⽽打开了b.htm，然后我们打算在b.htm上输⼊⼀个值然后赋予a.htm上的⼀个id为“name”的textbox中，就可以写为：window.opener.document.getElementById("name").value = "输⼊的数据";对于javascrīpt中的window.opener没有很好的理解。

Windows.open方法参数详解

Window.open()方法参数详解1, 最基本的弹出窗口代码window.open('page.html');2, 经过设置后的弹出窗口window.open('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no') //该句写成一行代码参数解释：window.open 弹出新窗口的命令；'page.html' 弹出窗口的文件名；'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"></script></head><body onload="openwin()">任意的页面内容...</body></html>解释：这里定义了一个函数openwin(), 函数内容就是打开一个窗口。

Window.Open各属性及用法详解

一、window.open()支持环境：JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+ 二、基本语法：window.open(pageURL,name,parameters) 其中：pageURL 为子窗口路径name 为子窗口句柄parameters 为窗口参数(各参数用逗号分隔) 三、示例：<SCRIPT>  </SCRIPT> 脚本运行后，page.html将在新窗体newwindow中打开，宽为100，高为400，距屏顶0象素，屏左0象素，无工具条，无菜单条，无滚动条，不可调整大小，无地址栏，无状态栏。

请对照。

上例中涉及的为常用的几个参数，除此以外还有很多其他参数，请见四。

四、各项参数其中yes/no也可使用1/0；pixel value为具体的数值，单位象素。

Window.open实现导航与打开窗口,导航到一个特定链接地址，也可以打开一个新的浏览器窗体

Window.open实现导航与打开窗⼝,导航到⼀个特定链接地址，也可以打开⼀个新的浏览器窗体语法window.open(strUrl,strWindowName,strWindowFeatures ,replace)strUrl: 打开资源的地址strWindowName: 表⽰窗体名称。

如果该参数指定了⼀个已经存在的窗⼝，那么open()⽅法就不再创建⼀个新窗⼝，⽽只返回对指定窗⼝的引⽤。

在这样情况下 fratures 将被忽略。

strWindowFeatures :新窗⼝要显⽰的标准浏览器的特征replace: ⼀个可选的布尔值。

规定了装载到窗⼝的 URL 是在窗⼝的浏览历史中创建⼀个新条⽬，还是替换浏览历史中的当前条⽬。

⽀持下⾯的值： true - URL 替换浏览历史中的当前条⽬。

false - URL 在浏览历史中创建新的条⽬。

实例⼀：打开制定链接1 window.open("");实例⼆：打开⼀个新的窗体<html><body><script type="text/javascript">myWindow=window.open('','','width=200,height=100')myWindow.document.write("This is 'myWindow'")myWindow.focus()</script></body></html>注意： <1> 如果已经存在以strWindowName为名称的窗⼝，则不再打开⼀个新窗⼝，⽽是把strUrl加载到这个窗⼝中。

在这种情况下，⽅法的返回值是这个已经打开的窗⼝，并忽略参数strWindowFeatures。

strUrl设为空字符串时，可以在不改变窗⼝地址的情况下获得⼀个已经打开的同名窗⼝的引⽤。

（转）js弹窗返回值（window.open方式）

（转）js弹窗返回值（window.open⽅式）js弹窗&返回值(window.open⽅式)test.htm<html ><head><title></title><script type="text/javascript"></script></head><body><textarea id="text1" name="text1"></textarea><input type="button" value="submit" name="submit" onclick="javascript:winOpen();" /></body></html></body></html>--------------------------------------------test2.htm<html ><head><title></title><script type="text/javascript"></script></head><body><input type="button" name="back" value="back" onclick="javascript:winBack();" /></body></html>--------------------------------------------window.open详解window.open("sUrl","sName","sFeature","bReplace");sUrl:可选项。

vue中window.open的用法

在Vue中，使用`window.open`方法与在普通的JavaScript中使用相同。

`window.open`方法用于在浏览器中打开一个新窗口或者新标签页。

在Vue组件中，你可以在需要的地方调用`window.open`方法。

例如，在一个事件处理函数中或者在某个方法中触发。

下面是一个简单的示例，演示如何在Vue组件中使用`window.open`方法：
```vue
<template>
<div>
<button @click="openNewWindow">在新窗口打开链接</button>
</div>
</template>
<script>
export default {
methods: {
openNewWindow() {
// 在新窗口中打开链接
window.open('', '_blank');
}
}
}
</script>
```
在这个示例中，当用户点击按钮时，`openNewWindow`方法会被调用，然后
`window.open`会在新的标签页中打开一个链接。

请注意，浏览器可能会对`window.open`方法的调用进行一些限制，特别是在弹出窗口被滥用的情况下。

因此，确保你的代码遵循浏览器的弹出窗口策略，以避免被阻止或者被视为不安全的操作。

JavaScript中window.open用法实例详解

JavaScript中window.open⽤法实例详解本⽂较为详细的分析了JavaScript中window.open⽤法。

分享给⼤家供⼤家参考。

具体如下：复制代码代码如下:<script LANGUAGE="javascript">window.open ('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no,scrollbars=no,resizable=no,location=no, status=no') //写成⼀⾏</script>参数解释：js脚本开始；window.open 弹出新窗⼝的命令；'page.html' 弹出窗⼝的⽂件名；'newwindow' 弹出窗⼝的名字（不是⽂件名），⾮必须，可⽤空''代替；height=100 窗⼝⾼度；width=400 窗⼝宽度；top=0 窗⼝距离屏幕上⽅的象素值；left=0 窗⼝距离屏幕左侧的象素值；toolbar=no 是否显⽰⼯具栏，yes为显⽰；menubar，scrollbars 表⽰菜单栏和滚动栏。

resizable=no 是否允许改变窗⼝⼤⼩，yes为允许；location=no 是否显⽰地址栏，yes为允许；status=no 是否显⽰状态栏内的信息（通常是⽂件已经打开），yes为允许；1、⽤函数控制弹出窗⼝下⾯是⼀个完整的代码。

<html><head><script LANGUAGE="Javascript"></script></head><body onload="openwin()">...任意的页⾯内容.../body></html>这⾥定义了⼀个函数openwin(),函数内容就是打开⼀个窗⼝。

js中open的用法

js中open的用法JavaScript（简称JS）是一种广泛用于网页客户端的脚本语言，它最初是由Netscape开发，后来被ECMA组织标准化。

JS可以通过控制网页的DOM（Document Object Model）元素来改变网页的内容或行为，使之具有丰富的交互性和动态性。

在JS中，open()是一个常用的方法，它被用于打开新的浏览器窗口或标签页。

1. 什么是open()方法？open()方法是Window对象（即浏览器窗口）和Document对象（即网页文档）的一个方法，它可以打开一个新的浏览器窗口或标签页，并加载一个新的URL地址。

open()方法有三个参数: URL、Name和Features，可以分别用来指定要加载的URL地址、新窗口的名称以及窗口的各种特性。

2. open()方法的语法格式window.open("URL","Name","Features");URL：要加载的URL地址，可以是一个完整的URL链接或一个相对路径； Name：新窗口的名称，可以为空或指定一个特定的字符串，如果两个或多个窗口使用了相同的名称，则它们会共享一个窗口； Features：新窗口的特性，它是一个字符串，包含一个或多个用逗号分隔的选项，用于指定新窗口的大小、位置、工具栏、状态栏等等。

3. open()方法的使用实例下面我们来看一下如何使用open()方法打开一个新的窗口或标签页。

3.1 打开一个新的窗口我们可以按如下方式使用open()方法来打开一个新的浏览器窗口：<button onclick="openWindow()">打开窗口</button> <script> function openWindow(){ window.open("about:blank", "NewWindow", "width=300,height=200"); } </script>上述代码中，我们定义了一个按钮，并在按钮的单击事件中调用了openWindow()函数来打开一个新的浏览器窗口。

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

一、window.open()支持环境：JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+二、基本语法：window.open(pageURL,name,parameters)其中：pageURL为子窗口路径name为子窗口句柄parameters为窗口参数(各参数用逗号分隔)三、示例：<SCRIPT></SCRIPT>脚本运行后，page.html将在新窗体newwindow中打开，宽为100，高为400，距屏顶0象素，屏左0象素，无工具条，无菜单条，无滚动条，不可调整大小，无地址栏，无状态栏。

请对照。

上例中涉及的为常用的几个参数，除此以外还有很多其他参数，请见四。

四、各项参数其中yes/no也可使用1/0；pixel value为具体的数值，单位象素。

是对一些版本低的浏览器起作用，在这些老浏览器中不会将标签中的代码作为文本显示出来。

要养成这个好习惯啊。

Window.open('page.html')用于控制弹出新的窗口page.html，如果page.html不与主窗口在同一路径下，前面应写明路径，绝对路径(http://)和相对路径(../)均可。

用单引号和双引号都可以，只是不要混用。

这一段代码可以加入HTML的任意位置，<head>和</head>之间可以，<body>间</body>也可以，越前越早执行，尤其是页面代码长，又想使页面早点弹出就尽量往前放。

【2、经过设置后的弹出窗口】下面再说一说弹出窗口的设置。

只要再往上面的代码中加一点东西就可以了。

我们来定制这个弹出的窗口的外观，尺寸大小，弹出的位置以适应该页面的具体情况。

<SCRIPTLANGUAGE="javascript"></SCRIPT>参数解释：<SCRIPTLANGUAGE="javascript">js脚本开始；window.open弹出新窗口的命令；'page.html'弹出窗口的文件名；'newwindow'弹出窗口的名字（不是文件名），非必须，可用空''代替；height=100窗口高度；width=400窗口宽度；top=0窗口距离屏幕上方的象素值；left=0窗口距离屏幕左侧的象素值；toolbar=no是否显示工具栏，yes为显示；menubar，scrollbars 表示菜单栏和滚动栏。

Resizable=no是否允许改变窗口大小，yes为允许；location=no是否显示地址栏，yes为允许；status=no是否显示状态栏内的信息（通常是文件已经打开），yes为允许；</SCRIPT>js脚本结束【3、用函数控制弹出窗口】下面是一个完整的代码。

<html><head><script LANGUAGE="JavaScript"></script></head><body>…任意的页面内容…</body></html>这里定义了一个函数openwin(),函数内容就是打开一个窗口。

在调用它之前没有任何用途。

怎么调用呢？方法一：<body>浏览器读页面时弹出窗口；方法二：<body>浏览器离开页面时弹出窗口；方法三：用一个连接调用：<a href="#">打开一个窗口</a>注意：使用的"#"是虚连接。

方法四：用一个按钮调用：<inputtype="button"value="打开窗口">【4、同时弹出2个窗口】对源代码稍微改动一下：<script LANGUAGE="JavaScript"></script>为避免弹出的2个窗口覆盖，用top和left控制一下弹出的位置不要相互覆盖即可。

最后用上面说过的四种方法调用即可。

注意：2个窗口的name(newwindows和newwindow2)不要相同，或者干脆全部为空。

OK？【5、主窗口打开文件1.htm，同时弹出小窗口page.html】如下代码加入主窗口<head>区：<script language="javascript"></script>加入<body>区：<a href="1.htm">open</a>即可。

【6、弹出的窗口之定时关闭控制】下面我们再对弹出的窗口进行一些控制，效果就更好了。

如果我们再将一小段代码加入弹出的页面(注意是加入到page.html的HTML中，可不是主页面中，否则…)，让它10秒后自动关闭是不是更酷了？首先，将如下代码加入page.html文件的<head>区：<script language="JavaScript">function closeit(){setTimeout("self.close()",10000)//毫秒}</script>然后，再用<body>这一句话代替page.html中原有的<BODY>这一句就可以了。

(这一句话千万不要忘记写啊！这一句的作用是调用关闭窗口的代码，10秒钟后就自行关闭该窗口。

)【7、在弹出窗口中加上一个关闭按钮】<FORM><INPUT TYPE='BUTTON'VALUE='关闭'onClick='window.close()'></FORM>呵呵，现在更加完美了！【8、内包含的弹出窗口-一个页面两个窗口】上面的例子都包含两个窗口，一个是主窗口，另一个是弹出的小窗口。