您的位置：首页 > Web前端 > JavaScript

父窗体与子窗体之间的相互操作

2006-04-27 13:22 225 查看

JavaScript学习笔记

1：如何通过父窗体关闭子窗体？
父窗体parent.html代码如下：

[align=left]<html>[/align]
[align=left]<head>       [/align]
[align=left]<scripttype="text/javascript">[/align]
[align=left] [/align]
[align=left]var child ;[/align]
[align=left] [/align]
[align=left]function openChild(){ [/align]
[align=left]          [/align]
[align=left]          child = window.open("child.html"); [/align]
[align=left]          [/align]
[align=left]          }[/align]
[align=left]          [/align]
[align=left]function closeChild(){[/align]
[align=left] [/align]
[align=left]          child.close();[/align]
[align=left] [/align]
[align=left]          }[/align]
[align=left] [/align]
[align=left] [/align]
[align=left]          [/align]
[align=left]</script>[/align]
[align=left]        [/align]
[align=left]</head>[/align]
[align=left]<body>[/align]
[align=left]<form>[/align]
[align=left]<center>[/align]
[align=left]<inputtype="button" name="Open" value="Open" onclick="openChild()" />[/align]
[align=left] [/align]
[align=left]<inputtype="button" name="Close" value="Close" onclick="closeChild()" />[/align]
[align=left]</center>[/align]
[align=left]</form>[/align]
[align=left]</body>[/align]
</html>

子窗体child.html代码如下：

[align=left]<html>[/align]
[align=left] [/align]
[align=left]<body>[/align]
[align=left]<center>[/align]
[align=left]I am the child ![/align]
[align=left]</center>[/align]
[align=left]</body>[/align]
[align=left] [/align]
</html>

2：如何通过子窗体关闭父窗体？
父窗体parent.html代码如下：

子窗体child.html代码如下：

[align=left]<html>[/align]
[align=left]<head>[/align]
[align=left]<scripttype="text/javascript">[/align]
[align=left] [/align]
[align=left]function closePar()[/align]
[align=left]{[/align]
[align=left]try[/align]
[align=left] {[/align]
[align=left]     [/align]
[align=left]   window.opener.close();[/align]
[align=left]    [/align]
[align=left] }[/align]
[align=left]catch(err)[/align]
[align=left] {[/align]
[align=left] [/align]
[align=left] }[/align]
[align=left]}[/align]
[align=left]</script>[/align]
[align=left]</head>[/align]
[align=left] [/align]
[align=left]<body>[/align]
[align=left]<inputtype="button" value="CloseParament" onclick="closePar()" />[/align]
[align=left]</body>[/align]
[align=left] [/align]
</html>

此种实现方式在关闭父窗体时会弹出提示框，如下实现可去除提示框：

[align=left]<html>[/align]
[align=left]<head>[/align]
[align=left]<scripttype="text/javascript">[/align]
[align=left] [/align]
[align=left]function closePar()[/align]
[align=left]{[/align]
[align=left]try[/align]
[align=left] {[/align]
[align=left]     [/align]
[align=left]   window.opener.top.opener=null;[/align]
[align=left]   window.opener.top.close();[/align]
[align=left]    [/align]
[align=left] }[/align]
[align=left]catch(err)[/align]
[align=left] {[/align]
[align=left] [/align]
[align=left] }[/align]
[align=left]}[/align]
[align=left]</script>[/align]
[align=left]</head>[/align]
[align=left] [/align]
[align=left]<body>[/align]
[align=left]<inputtype="button" value="CloseParament" onclick="closePar()" />[/align]
[align=left]</body>[/align]
[align=left] [/align]
</html>

Note
Window对象参考：http://www.w3schools.com/htmldom/dom_obj_window.asp

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： javascript button function input html null

相关文章推荐

新的分享

章节导航