window.opener属性

最新推荐文章于 2019-04-02 17:40:00 发布

原创最新推荐文章于 2019-04-02 17:40:00 发布 · 512 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #ViewUI

JavaScript 专栏收录该内容

18 篇文章

订阅专栏

本文介绍了如何使用JavaScript中的opener属性在父子窗口之间进行数据交换，通过示例代码演示了如何在打开的新窗口中写入文本，并在源窗口中接收反馈。

opener 属性是一个可读可写的属性，可返回对创建该窗口的 Window 对象的引用。

当使用window.open()打开一个窗口，您可以使用此属性返回来自目标窗口源（父）窗口的详细信息。

代码提示： window.opener.close()将关闭源（父）窗口。

语法
window.opener

实例

向opener窗口写文本（父窗口）：

<html>
<head>
<script>
function openWin()
{
myWindow=window.open('','','width=200,height=100');
myWindow.document.write("This is 'myWindow'!");
myWindow.focus();
myWindow.opener.document.write("<p>This is the source window!</p>");
}
</script>
</head>
<body>

<input type="button" value="Open 'myWindow'" onclick="openWin()">

</body>
</html>