用JAVASCRIPT引用父窗口对象

最新推荐文章于 2024-10-06 12:35:17 发布

thinker28754

最新推荐文章于 2024-10-06 12:35:17 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签： javascript input button function html null

本文链接：https://blog.youkuaiyun.com/thinker28754/article/details/1811725

javascript 专栏收录该内容

20 篇文章

订阅专栏

本文介绍如何使用JavaScript通过window.open方法打开新窗口，并实现父子窗口之间的数据传递。示例代码展示了如何在父窗口打开子窗口以及子窗口如何关闭自身并更新父窗口的内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

===========================================================

作者: iceling2008(http://iceling2008.itpub.net)
发表于:2006.09.05 06:42
分类: JavaScript
出处：http://iceling2008.itpub.net/post/13270/202928
---------------------------------------------------------------

用window.open打开一个窗口，会返回一个指向子窗口的句柄（hwnd）

在子窗口中可以用self.opener引用父窗口的对象

以下为简单的例子，没有写错误处理，有兴趣的可自己完善。

var childWin=null;
function showValue()
{
alert(document.all("pButton").value);
}
function openWin()
{
childWin= window.open("child.html");
}
</script>
</head>

<html>
</head>
<script>
var parentWin=null;
parentWin = self.opener;

function closeWin()
{
parentWin.document.all("pButton").value=document.all("cButton").value;
window.close();
}
</script>
</head>
<body>
<input type="text" value="" name="cButton">
<input type="button" value="Close Window" onclick="closeWin()">
</body>
</html>