子画面から親画面を操作する

トップページ > javascript > 子画面から親画面を操作する

初版2008/10/30：最終更新日2008/10/30

子画面から親画面を操作する

window.openで開いた画面（子画面）から親画面を操作することが出来ます。
例えば子画面の値を親画面にセットしたり、親画面の値を子画面にセットしたり出来ます。
以下、例です。

子画面から選択した値が入ります。→

親画面ソース

<html>
<head>
<title></title>
</head>
<body>
<input type="button" value="open" onclick="openWindowCenterStd('a.html','new');">
子画面から選択した値が入ります。→<input type="text" id="field">
</body>
</html>

子画面ソース

<html>
<head>
<title></title>
<script type="text/JavaScript">
    function set(){
        window.opener.document.getElementById("field").value = document.getElementById("field").value;
        self.close();
    }
</script>
</head>
<body>
<input type="text" id="field">
<input type="button" value="親画面に反映" onclick="set();">
</body>
</html>

HOME