window.opener 的用法
window.opener 返回的是创建当前窗口的那个窗口的引用，比如点击了a.htm上的一个链接而打开了b.htm，然后我们打算在b.htm上输入一个值然后赋予a.htm上的一个id为“name”的textbox中，就可以写为：
window.opener.document.getElementById("name").value = "输入的数据";
我的例子:
HTML页面A.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>父类窗口</title>
</head>
<script language="javascript">
function rollbackMethod(){
window.alert("回调的方法");
}
</script>
<body>
<div align="center"><a href="#" onclick="window.open('B.html', '', '');">打开新的窗口</a></div>
<br/><br/><br/><br/>
<div align="center"><a href="son.html" target="_blank">连接打开新的窗口</a></div>
</body>
</html>
HTML页面B.htm
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>子类页面</title>
</head>
<script language="javascript">
window.opener.rollbackMethod();
</script>
<body>
</body>
</html>
这样就可以实现A页面打开的B页面中调用A页面中的js函数和A页面中的其他东西.
分享到：
很棒！
相关推荐
1. 使用`window.open`打开的新窗口中设置一个`window.opener`属性，这样新窗口可以与打开它的窗口进行通信。 2. 在新窗口中处理用户交互后，使用`window.close`关闭窗口，并在关闭前将结果通过`window.opener`通知原...
"通过window.opener控制父窗体"这个主题就是关于如何在JavaScript中实现这种跨窗口交互的技术。下面将详细阐述这个知识点。 一、window.opener属性 `window.opener`是JavaScript中的一个内置属性，它引用了创建...
下面我们将深入探讨 `window.opener` 的用法和应用场景。 ### `window.open()` 方法 `window.open()` 方法的语法如下： ```javascript window.open(url, name, features, replace); ``` - `url`：新窗口加载的 ...
window.opener 的用法 window.opener 返回的是创建当前窗口的那个窗口的引用，比如点击了a.htm上的一个链接而打开了b.htm，然后我们打算在b.htm上输入一个值然后赋予a.htm上的一个id为“name”的textbox中，就可以写...
在IE6中，使用 `window.opener = null; window.close();` 的组合，可以在打开一个新窗口后关闭原窗口，并且不会显示通常的"要关闭窗口吗？"的确认提示。这是因为IE6对这个操作的处理方式与其他浏览器不同，它允许在...
### 使用 `window.open` 和 `window.opener` 实现网页间通信 #### 一、引言 在现代Web开发中，网页间的通信是一项常见的需求。例如，在多窗口或多个标签页的应用场景下，如何实现不同窗口间的高效数据交互，成为了...
接下来，`window.showModalDialog`是Internet Explorer 4及以上版本引入的方法，用于创建一个模态对话框。这意味着用户必须先关闭对话框才能继续与父窗口交互。`showModalDialog`的语法为`vReturnValue = window....
window.opener.location.href = window.opener.location.href; ``` 这里的关键在于利用`location.href`属性来重新设置父窗口的URL，从而达到刷新的目的。需要注意的是，这种方式并不会触发浏览器的缓存机制，而是会...
JavaScript中的`window.open()`和`window.opener`是两个与窗口操作密切相关的属性和方法，它们在网页交互和页面导航中扮演着重要角色。本文将深入探讨这两个特性以及它们在处理支付成功页面跳转时的应用。 `window....
### window.location.href页面跳转的用法（区别于redirect） #### 概述 在Web开发过程中，页面跳转是一项常见的需求。通常我们会使用`Response.Redirect`来进行页面跳转，但这种方式无法在跳转前执行客户端脚本...
基本使用方法 首先来看一下`window.open()`的基本用法： ```javascript window.open(URL, target, features); ``` - **URL**：指定要打开的新窗口的地址。 - **target**：指定新窗口的名字，可以是特定的名称...
在Web开发中，`window.open()`方法用于创建一个新的浏览器窗口或标签页，并返回对新打开窗口的引用。这个方法在很多场景下非常有用，比如用来实现弹出窗口、跳转链接等功能。然而，由于浏览器的安全策略和用户体验...
在Web开发中，有时我们需要关闭当前窗口或标签页，这通常通过JavaScript中的`window.close()`方法实现。然而，在某些浏览器中（特别是早期版本的Internet Explorer），直接调用`window.close()`可能会触发一个确认...
为了解决这个问题，我们可以利用`window.opener`属性和`window.open`方法来规避这一行为。`window.opener`引用的是打开当前窗口的窗口对象，而`window.open`则用于打开新的窗口或标签页。 下面是一种实现网页自动...
例如，通过`window.opener`对象，子窗口可以访问到打开它的父窗口，而`iframe`内的脚本可以通过`parent`对象与父页面通信。 - 父窗口调用子窗口： ```javascript let newWindow = window.open('...'); newWindow....
本文将详细介绍`window.opener`对象的使用方法及其应用场景，帮助开发者更好地理解如何实现弹窗与主窗口之间的数据交互。 #### 二、`window.opener`简介 `window.opener`对象是JavaScript中的一个特殊对象，它引用...
当一个窗口（比如窗口A）使用`window.open()`方法打开另一个窗口（比如窗口B），那么窗口A就是窗口B的`opener`。需要注意的是，当一个窗口被关闭后，其`opener`属性将变为`null`。 - **用途**： - 在新打开的窗口...