定义和用法
opener 属性是一个可读可写的属性，可返回对创建该窗口的 Window 对象的引用。
opener 属性非常有用，创建的窗口可以引用创建它的窗口所定义的属性和函数。
语法
window.opener
提示和注释
注释：只有表示顶层窗口的 Window 对象的 operner 属性才有效，表示框架的 Window 对象的 operner 属性无效。
实例:
下面例子展示了如何打开一个孩子的窗口和打开的窗口和孩子之间的沟通：
父页面：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>load</title>
</head>
<body>
先用这个按钮打开一个窗口：
<button id="childOpener" onclick="OpenChildWindow ();">打开子窗口!</button>
<br /><br />
您可以更改子窗口的选择列表中按钮的文本颜色。
<script type="text/javascript">
function OpenChildWindow() {
window.open ("childWindow.html", "OpenerTest", "width=300, height=200");
}
</script>
</body>
</html>
子页面：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
改变按钮的颜色在开启窗口：
<select onchange="ChangeOpener (this)">
<option />black
<option />red
<option />blue
<option />green
</select>
<script type="text/javascript">
function ChangeOpener(selectTag) {
var openerWindow = window.opener;
if(openerWindow != null){
var button = openerWindow.document.getElementById("childOpener");
button.style.color = selectTag.options[selectTag.selectedIndex].text;
}
}
</script>
</body>
</html>
相关推荐
在描述中提到的博文链接中，作者可能详细讲解了如何使用`window.open`来创建自定义弹窗，并从弹出窗口中获取返回值。通常，我们不能直接从`window.open`的返回值获取用户在新窗口中的操作，因为返回的是一个`Window`...
在JavaScript的世界里，`window.open`、`iframe`和`dialog`是三个非常重要的概念，它们在网页交互和页面通信中扮演着关键角色。这里我们将深入探讨这些知识点，并结合实例来帮助你理解它们的用法。 1. `window.open...
以下将详细讲解JavaScript中与`window`对象和`document`对象相关的知识点。 **1. `window`对象：** `window`对象是JavaScript中的全局对象，代表了浏览器的一个窗口。它提供了许多方法和属性，如： - `window....
2. **在子窗口中调用父窗口方法**：在子窗口的JavaScript代码中，可以通过`window.opener`属性访问到父窗口的对象。如果父窗口有一个名为`parentMethod`的方法，可以在子窗口中这样调用： ```javascript window....
在JavaScript编程中，父子页面之间的通信是一个常见的需求，特别是在单页应用（SPA）或框架如Vue、React和Angular中。本篇文章将详细讲解如何在父子页面之间传递参数，并通过提供的DEMO文件（a.html、c.html、b.html...
在网页开发中，有时我们需要在子窗口中操作父窗口，比如在子窗口...总的来说，理解和掌握`window.opener`以及如何在子窗口中操作父窗口是JavaScript窗口操作中的一个重要知识点，对于开发复杂交互的Web应用非常有帮助。
JavaScript弹出窗口是网页开发中常见的一种交互方式，它能够为用户提供信息提示、表单验证反馈、新页面打开等服务。本文将详细讲解JS弹出窗口的运用与技巧，帮助开发者更好地掌握这一功能。 首先，最基本的弹出新...
本文将详细讲解如何利用 JavaScript 实现弹出窗口并获取其返回值，以及 `window.opener` 的用法。 首先，我们来看一个简单的实例。假设我们有两个HTML页面，`a.html` 和 `b.html`。在 `a.html` 中有一个链接，当...
1. **创建子窗口**：在父窗口的ASP页面中，使用JavaScript的`window.open()`方法打开一个新的窗口，同时可以传递参数到子窗口。例如： ```javascript var childWindow = window.open("child_window.asp", ...
本教程将详细讲解如何实现这一功能，主要涉及JavaScript的基础知识以及一些实用技巧。 一、URL查询参数 最简单的跨页传值方法是通过URL的查询参数。在跳转到新页面时，可以在URL后面添加问号（?）和参数，例如： ...
在这个例子中，`window.opener.getContent(city.value)`调用了父窗口中的`getContent`函数，并传入了选中的城市值。 ### 注意事项 1. 跨窗口通信受到同源策略的限制，只有同源的窗口才能互相访问对方的属性和方法...
总的来说，通过巧妙地使用JavaScript的`window.opener`和`window.close()`方法，以及`window.open()`方法的参数，我们可以有效地控制IE浏览器的行为，消除不必要的提示，实现全屏显示等功能。在实际应用中，开发者...
在JavaScript中，还可以直接操作`window.opener`对象来刷新父窗口，如`window.opener.document.location.reload()`。 总结，刷新页面的方法多种多样，可以根据具体需求选择合适的方式。在JavaScript中，主要依赖于`...
在JavaScript编程中，刷新窗口是常见的操作，通常用于更新页面内容或者重新加载资源。本文将详细解析几种不同的刷新窗口的方法，这些方法适用于不同的...希望这些讲解和实例能够帮助你在JavaScript编程中更加得心应手。
8. **opener方法**：在多窗口交互中，`window.opener`属性可以用来引用打开当前窗口的窗口对象。通过它，我们可以向父窗口传递数据，例如在添加或删除商品后通知父窗口更新列表。使用`opener.someFunction(data)`...
window.opener = null; window.open('', '_self'); window.close(); win.moveTo(0, 0); win.resizeTo(screen.availWidth, screen.availHeight); } ``` 在上面的代码中，我们首先使用window.open 方法打开一个新...
本篇文章将重点讲解如何通过JS与CSS结合的方式，实现在网页中隐藏或显示某些元素，并且只打印出我们希望呈现的部分内容。这涉及到以下几个关键技术点： 1. **CSS媒体查询**：通过`@media print`和`@media screen`...
例如，JavaScript中的`window.open()`函数或Bootstrap的模态插件可以创建模态对话框。 - **非模态对话框（Non-Modal Dialogs）**：用户可以在子窗口与父窗口之间自由切换。例如，使用IFrame或者新窗口打开的页面。 ...
本文主要讲解了如何使用JavaScript技术实现在子窗口对数据进行处理后，将结果返回给父窗口的过程。具体来说，文章通过一个Web开发案例来演示这一技术的应用，涉及到的主要知识点包括：父窗口与子窗口间的通信、...
当一个新窗口（通过 `window.open()` 打开）需要刷新其父窗口时，可以使用 `opener.location.reload()`。这里的 `opener` 是打开新窗口的对象引用。 4. `top.location.reload()` 在多级嵌套的框架环境中，`top....