用JAVASCRIPT引用父窗口对象

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

原创最新推荐文章于 2024-10-06 12:35:17 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #input #button #function #html #null

javascript 专栏收录该内容

20 篇文章

订阅专栏

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

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

作者: 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>