window.open与window.opener
window.open
window.open ("page.html", "newwindow", "height=100, width=400, toolbar= no, menubar=no, scrollbars=no, resizable=no, location=no, status=no,top=100,left=300")
height:page.html的高度
width:page.html的宽度
top:page.html距离屏幕顶部的距离
left:page.html距离屏幕左边的距离
top和left就是给page.html设定位置的
window.open() 方法
语法：window.open(pageurl,name,parameters);
window对象的open()方法用于创建一个新的窗口实例，新创建的窗口的外观由参数：parameters指定。新窗口中打开的文档由参数： pageurl指定。系统能够根据参数：name确定的名称访问该窗口。
下表为parameters参数表：
参数 衩始值 说明
alwaysLowered yes/no 指定窗口隐藏在所有窗口之下。
alwaysRaised yes/no 指定窗口浮在所有窗口之上。
dependent yes/no 指定打开的窗口为父窗口的一个了窗口。并随父窗口的关闭而关闭。
directions yes/no 指定Navigator 2和3的目录栏是否在新窗口中可见。
height pixel value 设定新窗口的像素高度。
hotkeys yes/no 在没有菜单栏的新窗口设置安全退出热键。
innerHeight pixel value 设置新窗口中文档的像素高度。
innerWidth pixel value 设置新窗口中文档的像素宽度。
location yes/ no 指明位置栏在新窗口中是否可见。
menubar yes /no 指明菜单栏在新窗口中是否可见。
outerHeight pixel value 设定窗口（包括装饰边框）的像素高度。
outerWidth pixel value 设定窗口（包括装饰边框）的像素宽度。
resizable yes /no 指明新窗口是否可以调整。
screenX pixel value 设定新窗口离屏幕边界的像素长度。
screenY pixel value 设定新窗口离屏幕上边界的像素长度。
scrollbars yes /no 指明滚动栏在新窗口中是否可见。
titlebar yes /no 指明菜单题目栏在新窗口是否可见。
toolbar yes /no 指明工具栏在新窗口中是否可见。
Width pixel value 设定窗口的像素宽度。
z-look yes /no 在文档中包含各个 <pplet>标签的数组。
fullscreen yes / no 打开的窗体是否进行全屏显示
left pixel value 设定新窗口距屏幕左方的距离
top pixel value 设定新窗口距屏幕上方的距离
例子:
<html>
<head>
<title>window.open函数 </title>
</head>
<body>
<script language="javascript">
<!--
window.open("","name1","width=100,height=200,toolbar=no,scrollbars=no,menubar=no,screenX=100,screenY=100");
//-->
</script>
</body>
</html>
window.opener
opener 返回的是创建当前窗口的那个窗口的引用，比如点击了a.htm上的一个链接而打开了b.htm，然后我们打算在b.htm上输入一个值然后赋予a.htm上的一个id为“name”的textbox中，就可以写为：
opener.getElementById("name"). = "输入的数据";
对于java中的opener没有很好的理解。
那怎样通过弹出窗口操作框架中的父窗口呢？
opener.parent.s['Name'].all.input1. 试试这个
==========
parent指父窗口，在SET中，的PARENT就是SET窗口。
opener指用OPEN等方式创建的新窗口对应的原窗口。
==============
top：
该变更永远指分割窗口最高层次的浏览器窗口。如果计划从分割窗口的最高层次开始执行命令，就可以用top变量。
parent：
该变量指的是包含当前分割窗口的父窗口。如果在一个窗口内有分割窗口，而在其中一个分割窗口中又包含着分割窗口，则第2层的分割窗口可以用parent变量引用包含它的父分割窗口。
附：Windwo对象、Parent对象、对象、Document对象和Form对象的阶层关系
Windwo对象→Parent对象→对象→Document对象→Form对象，如下：
parent.1.forms[0].elements[0].;
分享到：
相关推荐
在描述中提到的博文链接中，作者可能详细讲解了如何使用`window.open`来创建自定义弹窗，并从弹出窗口中获取返回值。通常，我们不能直接从`window.open`的返回值获取用户在新窗口中的操作，因为返回的是一个`Window`...
本篇文章将深入探讨`window.open()`、`window.opener`、`window.name`以及`window`对象的一些核心概念，同时通过两个带有注释的页面示例（001.html和main.html）帮助理解这些知识点。 ### `window.open()` `window...
本文将详细介绍一种基于 `window.open` 和 `window.opener` 的网页间通信方法，该方法无需借助服务器即可实现网页间的数据传递。 #### 二、原理概述 `window.open` 方法可以用于打开一个新的浏览器窗口或标签页，...
对window.open进行封装, 使其更好用, 且更兼容, 很多人说window.open不兼容,其实不是, 因为不能直接执行, 必须通过用户手动触发才行;看代码: 代码如下 var openWindow = function(url, options) { var str = ""; ...
本文将详细介绍如何使用`window.open()`方法打开新窗口，并探讨如何避免被浏览器拦截的一些技巧。 #### 1. 基本使用方法 首先来看一下`window.open()`的基本用法： ```javascript window.open(URL, target, ...
`window.showModalDialog`和`window.open`是JavaScript中用于实现这一目标的两个关键函数。它们都可以创建新窗口，但有着不同的特性和使用场景。 首先，`window.open()`是一个广泛使用的函数，它可以在浏览器中打开...
在JavaScript的世界里，`window.open`、`iframe`和`dialog`是三个非常重要的概念，它们在网页交互和页面通信中扮演着关键角色。这里我们将深入探讨这些知识点，并结合实例来帮助你理解它们的用法。 1. `window.open...
本文将详细介绍如何让`window.open()`不被拦截以及一些相关的实践技巧。 #### 一、`window.open()`方法概述 `window.open()`方法的基本语法如下： ```javascript var newWindow = window.open(url, name, ...
1> window.showModalDialog()采用JS原理实现，同时父窗口不可操作，window.open()采用新创建一个窗口，同时父窗口可操作； 2> 父窗口与子窗口传递值的方式也有所不同，在子窗口中操作父窗口也语法也不同，分别为var...
* 在使用`window.open()`方法时，我们需要确保父窗口和子窗口之间的同源策略，以便正确地传递值。 * 在使用`window.open()`方法时，我们需要注意浏览器的安全限制，以免出现安全问题。 使用`window.open()`方法可以...
本文将从window.open方法的使用和通过弹窗返回值实现数据交互两方面，来详细解读window.open方式下如何处理JS弹窗返回值。 ### window.open方法介绍 window.open方法主要用于打开一个新的浏览器窗口。该方法的常用...
window.opener.document.location.reload(); ``` #### 总结 通过本文的介绍，我们可以看到`window.location.href`不仅能够实现简单的页面跳转，还能灵活地应用于复杂框架结构中的页面跳转及刷新。相比`Response....
在网页开发中，`window.open` 是一个常用的 JavaScript 函数，用于在新的浏览器窗口中打开一个新的页面或 URL。然而，在一些交互场景下，比如子页面（由 `window.open` 创建的页面）需要与父页面（打开子页面的那个...
JavaScript中的`window.open()`和`window.opener`是两个与窗口操作密切相关的属性和方法，它们在网页交互和页面导航中扮演着重要角色。本文将深入探讨这两个特性以及它们在处理支付成功页面跳转时的应用。 `window....
`window.open()` 方法接受一个或多个参数，用于指定新开窗口的URL、窗口名称和特性。其基本语法如下： ```javascript window.open(url, name, features); ``` - `url`：可选，新窗口加载的资源URL。 - `name`：可...
打开新窗口并且关闭本窗口不弹出要关闭窗口前的提示function openWin(){window.open(‘login.jsp’,”,’fullscreen=yes,menubar=no,resizable=no’);window.opener=null;window.close();} 在IE7下为 function ...
当`window.open()` 创建了一个新窗口后，可以通过`window` 对象来访问和操作它。比如，我们可以设置新窗口的`location` 属性来改变加载的URL： ```javascript var newWindow = window.open('about:blank', 'new...
支持完整的window.open api 。 为React 16构建（使用ReactDOM.createPortal ）。 阻止弹出窗口的处理程序（通过onBlock prop）。 根据父窗口或屏幕使弹出窗口居中。 安装 npm i react-new-window --save 用法 ...
js关闭浏览器窗口 js关闭浏览器窗口，不弹出... window.open(”,’_self’,”); window.close(); } [removed] <a>logout</a> </body> </html> 火狐默认不支持js关闭浏览器窗口，可以在about:config中将dom