`

window.opener属性与window.open()方法

    博客分类：
  • JS
框架浏览器 
阅读更多
opener 属性是一个可读可写的属性，可返回对创建该窗口的 Window 对象的引用。

opener 属性非常有用，创建的窗口可以引用创建它的窗口所定义的属性和函数。

语法
window.opener提示和注释
注释：只有表示顶层窗口的 Window 对象的 operner 属性才有效，表示框架的 Window 对象的 operner 属性无效。
实例
下面的例子可向 opener 窗口写文本（父窗口）：

<html>
<body>

<script type="text/javascript">
myWindow=window.open('','MyName','width=200,height=100')
myWindow.document.write("This is 'myWindow'")
myWindow.focus()
myWindow.opener.document.write("This is the parent window")
</script>

</body>
</html>


新的顶层浏览器窗口由方法 Window.open() 创建。当调用该方法时，应把 open() 调用的返回值存储在一个变量中，然后使用那个变量来引用新窗口。新窗口的 opener 属性反过来引用了打开它的那个窗口。

分享到：
| js判断对象是否为空
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    字符串 window.open() window.opener window.name window对象等的总结

    在JavaScript的世界里，`window`对象是全局对象，它提供了与浏览器窗口进行交互的各种方法和属性。本篇文章将深入探讨`window.open()`、`window.opener`、`window.name`以及`window`对象的一些核心概念，同时通过两...

    js弹窗并返回值(window.open方式)

    1. 使用`window.open`打开的新窗口中设置一个`window.opener`属性，这样新窗口可以与打开它的窗口进行通信。 2. 在新窗口中处理用户交互后，使用`window.close`关闭窗口，并在关闭前将结果通过`window.opener`通知原...

    用window.open,opener实现网页间通信

    本文将详细介绍一种基于 `window.open` 和 `window.opener` 的网页间通信方法，该方法无需借助服务器即可实现网页间的数据传递。 #### 二、原理概述 `window.open` 方法可以用于打开一个新的浏览器窗口或标签页，...

    通过window.opener控制父窗体

    如果当前窗口是通过`window.open()`方法打开的，那么`window.opener`就指向了那个调用`window.open()`的窗口。这个属性为我们在子窗口中操作或访问父窗口提供了可能。 二、跨窗口通信 1. **从子窗口向父窗口传递...

    Javascript中封装window.open解决不兼容问题

    对window.open进行封装, 使其更好用, 且更兼容, 很多人说window.open不兼容,其实不是, 因为不能直接执行, 必须通过用户手动触发才行;看代码: 代码如下 var openWindow = function(url, options) { var str = ""; ...

    window.open打开新窗口，不被拦截的方法

    ### window.open打开新窗口，不被拦截的方法 在Web开发中，经常会有需求需要在一个新的浏览器窗口或标签页中打开链接或展示内容。这通常通过JavaScript的`window.open()`方法来实现。但是，在实际应用中，由于...

    window.showModalDialog以及window.open用法简介

    `window.open`的一个重要特性是，可以通过`window.opener`属性与打开新窗口的原始窗口（父窗口）进行通信。例如，如果在新窗口中输入数据并希望将其返回到父窗口，可以使用如下的代码： ```javascript window.opener...

    解决window.opener=null;window.close(),只支持IE6不支持IE7,IE8的问题

    `window.opener` 是JavaScript中的一个属性，它引用了创建当前窗口的窗口对象。在用户通过一个链接或脚本打开新窗口后，新窗口可以通过 `window.opener` 访问到打开它的父窗口。而 `window.close()` 方法则用于关闭...

    showModalDialog open弹出子窗口操作parent、opener父窗口及跨域处理

    1&gt; window.showModalDialog()采用JS原理实现，同时父窗口不可操作，window.open()采用新创建一个窗口，同时父窗口可操作； 2&gt; 父窗口与子窗口传递值的方式也有所不同，在子窗口中操作父窗口也语法也不同，分别为var...

    JS window.opener返回父页面的应用

    JavaScript中的`window.open()`和`window.opener`是两个与窗口操作密切相关的属性和方法，它们在网页交互和页面导航中扮演着重要角色。本文将深入探讨这两个特性以及它们在处理支付成功页面跳转时的应用。 `window....

    window.opener用法和用途实例介绍

    这个属性通常与 `window.open()` 方法一起使用，`window.open()` 方法用于创建一个新的浏览器窗口或者打开一个已命名的窗口。下面我们将深入探讨 `window.opener` 的用法和应用场景。 ### `window.open()` 方法 `...

    刷新父窗口的多种方法

    这里`self`是指向当前窗口的引用，因此`self.opener`与`window.opener`具有相同的效果。 #### 2. 子窗口刷新父窗口 除了通过弹出子页面来刷新父窗口外，还可以通过子窗口本身来刷新父窗口。这种情况下，子窗口通常...

    window.open

    在Web开发中，`window.open()`方法用于创建一个新的浏览器窗口或标签页，并返回对新打开窗口的引用。这个方法在很多场景下非常有用，比如用来实现弹出窗口、跳转链接等功能。然而，由于浏览器的安全策略和用户体验...

    js关闭浏览器窗口及检查浏览器关闭事件

    [removed] function closeWin(){ window.opener=null; window.open(”,’_self’,”); window.close(); } [removed] &lt;a&gt;logout&lt;/a&gt; &lt;/body&gt; &lt;/html&gt; 火狐默认不支持js关闭浏览器窗口，可以在about:...

    js window.open iframe dialog

    例如，通过`window.opener`对象，子窗口可以访问到打开它的父窗口，而`iframe`内的脚本可以通过`parent`对象与父页面通信。 - 父窗口调用子窗口： ```javascript let newWindow = window.open('...'); newWindow....

    jsp 刷新父页面

    刷新一open（）方法打开的窗口 window.opener.location.href = window.opener.location.href 刷新以winodw.showModelDialog()方法打开的窗口 window.parent.dialogArguments.document.execCommand('Refresh'); ...

    js中用open方式打开新窗口向父窗口传值

    例如，我们可以使用`window.opener`属性来访问父窗口中的元素。 在子窗口中，我们使用JavaScript函数来传递值给父窗口。在我们的示例中，我们使用`window.opener.document.getElementById("parentValue").value`...

Magicbox
Global site tag (gtag.js) - Google Analytics